jquery-ui - 单击子元素时，整个 div 的 jQuery UI 可排序

Question

我想使用可排序的 jQuery UI 助手移动列表项。我想使用某种句柄：能够移动整个 div 但仅在使用该句柄时。我不希望 div 在单击句柄以外的其他位置时移动。

知道该怎么做吗？我搜索了文档并没有找到任何东西。我目前唯一的想法是设置某种功能，当我按下手柄时启用可排序状态，当我释放鼠标时禁用它，但感觉很草率。

Answer 1

使用handle选项：

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