jQuery sortable 不能从句柄拖动

【问题标题】：jQuery sortable can't drag from a handlejQuery sortable 不能从句柄拖动
【发布时间】：2013-06-16 14:10:11
【问题描述】：

如果它也是一个句柄，为什么我不能拖动一个可排序的项目？

有什么解决办法吗？

<script>
    var container = $(".con");
    container.sortable({
        handle: '.handle'
    });
</script>
    <div class="con">
    <div class="handle">handle</div>
    <div class="handle">handle</div>
    <div class="handle">handle</div>
    <div class="handle">handle</div>
    </div>

【问题讨论】：

标签： jquery jquery-ui-sortable drag handle

【解决方案1】：

这有点违背了目的。句柄是可拖动元素内的某个区域，其工作方式类似于......等待它......
处理。

将整个元素用作句柄是没有意义的，因为您可以通过调用不带句柄的 sortable 来做到这一点：

$(".con").sortable();

默认情况下整个元素都是句柄。

如果你真的想要一个句柄，你需要将该句柄定义为元素内部的某个区域，如下所示：

<div class="con">
    <div><span class="handle">X</span>handle</div>
    <div><span class="handle">X</span>handle</div>
    <div><span class="handle">X</span>handle</div>
    <div><span class="handle">X</span>handle</div>
</div>

FIDDLE

【讨论】：