jQuery用户界面 - 排序：排序元素

Question

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

Answer 1

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

如果你有这个网站，与.handler是手柄启动排序：

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

应用选项是这样的：

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

但是，您可以风格你的操作件你喜欢。