jQuery UI 排序 - 两个列表并防止在原始列表内排序

Question

我有一个 jquery ui 的简单示例。基本上我必须列出项目，每一项都是可排序的。我想要完成的任务如下:取消对同一列表的排序。举个例子，如果我单击列表一上位置一的元素，然后将其拖动到位置 6，然后放下。我想防止这种情况发生，但如果我将元素放在列表二中，那就可以了。

我不知道如何指定，以满足我的要求。 ConnectWith 似乎还不够:

$("#sortable").sortable({
    connectWith: [$('#sortable2')]
});

$("#sortable2").sortable({
    connectWith: [$('#sortable')]
});

这是一个例子:

http://jsfiddle.net/sQeZE/3/

Answer 1

这可能不完全是您正在寻找的内容，但您可以绑定(bind)到 receive 和 stop 事件(它们在该事件中触发)命令)。 receive 表示从另一个列表接收到一个列表项。触发此操作后，您可以暂时取消阻止排序。 stop 始终尝试阻止排序:

var blocksort = true;
//Using jQuery 1.6.4, but use `.on` when available
$("#sortable, #sortable2").bind('sortreceive', function () {
    blockSort = false;
}).bind('sortstop', function (e) {
    if (blockSort) {
        e.preventDefault();
    }
    blockSort = true;
});

http://jsfiddle.net/sQeZE/5/