我有三个使用 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");
}
});
});