Question

我有三个使用Jquery UI的可排序列表。 all-colls-list，coll-selected-list和coll-grouped-list。它们都可以识别身份证。

我希望能够在all-colls-list和coll-selected-list之间拖放，反之亦然all-colls-list和coll-grouped-list，反之亦然

我不希望能够在coll-selected-list和coll-grouped-list之间拖放。

我的代码不同意这一点，只允许我在all-colls-list和coll-grouped-list之间删除，反之亦然。任何帮助将不胜感激。

我有一个小提琴：http://jsfiddle.net/noscirre/NkQBy/

var lists = [{
    "listid": "#all-colls-list",
    "connectid": "#coll-selected-list",
    "drop": true
}, {
    "listid": "#coll-selected-list",
    "connectid": "#all-colls-list",
    "drop": true
}, {
    "listid": "#all-colls-list",
    "connectid": "#coll-grouped-list",
    "drop": true
}, {
    "listid": "#coll-grouped-list",
    "connectid": "#all-colls-list",
    "drop": true
}];

$.each(lists, function (i, list) {
    $(list.listid).sortable({
        connectWith: list.connectid,
        dropOnEmpty: list.drop,
        receive: function (event, ui) {
            $("#all-colls-list li").css("background-image", "none");
        }
    });
});

Answer 1

问题是您要覆盖.sortable connectWith属性。您需要在单个实例中设置多个目标（或者更巧妙地......）

这是your modified fiddle。我认为那就是你追求的目标？

希望它有所帮助！：）

使用Jquery在三个列表之间拖放

1 个答案: