jquery - jQuery sortable 不能从句柄拖动

Question

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

有什么解决方法吗？

这是一个例子http://jsfiddle.net/hQsjD/8/

<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>

Answer 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>

小提琴