Question

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

有解决方法吗？

的示例

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

FIDDLE

jQuery sortable无法从句柄拖动

1 个答案: