单击子元素时，整个 div 的 jQuery UI 可排序答案

【问题标题】：jQuery UI Sortable for a whole div when clicked on a children element单击子元素时，整个 div 的 jQuery UI 可排序
【发布时间】：2012-07-20 12:14:35
【问题描述】：

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

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

【问题讨论】：

可以在jsfiddle.net中设置吗？
jsfiddle.net/Wt4z4 在这里。我希望只有在点击“H”时才能移动列表项

标签： jquery-ui jquery-ui-sortable

【解决方案1】：

使用handle 选项：

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

【讨论】：