Jquery可排序句柄仅适用于特定项目

Question

我想知道我们是否可以为特定项目定义jquery可排序句柄。

我有可编辑和不可编辑的div，所以我希望可编辑的div只能按其句柄排序，并且可以在没有句柄的情况下拖动不可编辑的div。

Answer 1

如果我理解正确，你希望所有这些都是可排序的，不可编辑的整个div，只有它的句柄可编辑。

你有一个班级.handle？

关于可编辑，使其成为小范围或其他东西，在不可编辑的情况下使其成为整个容器div。

<li class="ui-state-default">
    <span class="handle">handle</span>
    <textarea>editable</textarea>
  </li>
<li class="ui-state-default">
    <div class="handle">Item 2</div>
 </li>

像这样：

http://jsfiddle.net/Jr8xU/

Answer 2

jQuery sortable让你通过使用setter来动态声明句柄选项：

// setter
$( ".sortable" ).sortable( "option", "handle", ".handle" );

如果您正在编写鼠标界面，您可以尝试侦听鼠标过度/结束事件。然后在没有句柄的情况下禁用元素上的句柄：

$(".sortable").sortable( "option", "handle", false );

然后改回鼠标：

$(".sortable").sortable( "option", "handle", ".handle" );