2012-07-11 77 views
0

我有三個使用jQuery UI的可排序列表。 all-colls-list,coll-selected-list和coll-group-list。他們都可以用他們的身份證明。drang和使用jquery的三個列表之間的差距

我希望能夠拖動和全colls列表和科爾選擇列表,反之亦然全colls列表和科爾 - 分組列表,反之亦然

我不間下降不希望能夠在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"); 
     } 
    }); 
}); 
+1

你好,我假設我的答案不是你以後的。如果我是對的,請讓我知道,我會再來一次 – lnrbob 2012-07-12 07:50:52

回答

0

的問題是要覆蓋.sortableconnectWith財產。 您需要在單個實例中設置多個目標(或更巧妙地...)

這裏是your modified fiddle。我認爲那是你的追求?

希望它有幫助! :)