0

我有三个使用 Jquery UI 的可排序列表。all-colls-list、coll-selected-list 和 coll-grouped-list。他们都可以通过他们的 ID 来识别。

我希望能够在 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");
        }
    });
});
4

1 回答 1

0

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

这是您修改后的小提琴。我想这就是你所追求的?

希望能帮助到你!:)

于 2012-07-11T13:15:26.833 回答