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

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

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

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

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

应用这样的选项:

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

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