JQuery UI – 可sorting：通过可sorting元素中的图标“句柄”拖动

我有jquery ui sortables工作正常，但我的sorting元素有其他互动元素内。 为了防止在与可sorting的div中的元素进行交互时发生意外sorting，我想以某种方式使得可sorting的拖动仅在拖动sorting内的某个元素时发生，例如可能存在的“move”图标在每个可sorting的左上angular。 这是可能的通用jqui，或者我需要写我自己的钩子？

Answer 1

插件的选项句柄允许您定义那个可以启动sorting的元素。 您可以提供一个select器或一个元素。

如果你有这个html，用.handler作为开始sorting的句柄：

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

应用这样的选项：

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

不pipe你喜欢，你都可以devise你的手柄元素。