jQuery UI-可排序：通过可排序元素中的图标“句柄”拖动

我的jQuery ui sortables工作正常，但我的sortable元素中还有其他交互式元素。为了防止在与可排序div中的元素进行交互时意外排序，我想以某种方式使可排序对象的拖动运动仅在拖动可排序对象中的某个元素时发生，例如可能驻留的“移动”图标在每个可排序对象的左上角。通用jqui是否有可能，还是我需要编写自己的钩子？

插件的选项句柄允许您定义可以启动排序的元素。您可以提供选择器或元素。

如果您有这个html，请使用.handler来开始排序：

<ul class="sortable">
    <li>
        <span class="handle"></span>
        My element
    </li>
</ul>

应用如下选项：

$( ".sortable" ).sortable({ handle: '.handle' });

您可以根据需要设置手柄元素的样式。