Question

I’d like to move around a list item with the sortable jQuery UI helper. I want to use some sort of handle : being able to move the whole div but only when using that handle. I don’t want the div to move when clicking elsewhere than the handle.

Any idea how to do that ? I searched the documentation and didn’t find anything. My only current idea would be to set some sort of function that enables the sortable state when I press the handle and disable it when I release the mouse but it feels sloppy.

Answer 1

Use the handle option:

$(document).ready(
    function()
    {
        $('#sortable_list').sortable({axis: 'y', handle: '.handle'});
    }
);​