連接如何使用不同的分類div排序

我有連接的可排序div-s問題。當我從第一個可排序的div將項目拖到另一個可排序的div時，它可以工作。當我將它拖放到第二個可排序時發生問題，但不要拖放它，而是嘗試將項目移回第一個可排序的div，它將移至第二個排序而不是第一個排序。這裏是我的jQuery，我不能找到辦法來解決這個問題。這裏是基本的jQuery代碼連接sortables，我在我的代碼已經使用：連接如何使用不同的分類div排序

$(function() { 
    $(".sortable1").sortable({ 
     connectWith: ".sortable2", 
     revert: false 
    }); 
    $(".sortable2").sortable({ 

    }); 

    $(".sortable1,.sortable2").disableSelection(); 
});

而上的jsfiddle finnaly例如：http://jsfiddle.net/KtpJj/3/ 有什麼建議麼？？

更新：當我改變這樣我的jQuery代碼，會出現另一個問題......

$(function() { 
    $(".sortable1").sortable({ 
    connectWith: ".sortable2", 
    revert: false 
    }); 
    $(".sortable2").sortable({ 
    connectWith: ".sortable1", 
    revert: false 
    }); 

$(".sortable1,.sortable2").disableSelection(); 
});

是否有可能拒絕來自第二個div拖回到第一？爲此，我必須刪除最後的jQuery代碼{connectWith：「.sortable1」}。但在這種情況下，當我從第一個div拖到第二個而不會在第二個時候放棄它們，而不是將它放在第二個div後，如果我將它從第一個和第二個div中拖出來，它將返回到第二個，但它有返回到第一個div。

來源

2013-08-27 vazgen

你必須調用sortable爲第二個也：

$(".sortable2").sortable({ 
    connectWith: ".sortable1", 
    revert: false 
});

還需要禁用這些的divoverflowing，所以我增加了以下定義你的CSS：

.sortable1 { overflow: hidden; } 
.sortable2 { overflow: hidden; }

jsFiddle Demo

來源

2013-08-27 16:40:43 Itay

感謝您的回答。還有一個問題。是否有可能拒絕從第二個div拖回第一個？我認爲我必須從代碼中移除{connectWith：「.sortable1」}，但是在這種情況下，當我將項目從第一個div拖到第二個而不會在第二個時候丟棄它們之後，而不是將它放在第二個div之後if我會從第一個和第二個div中拖出來，它會返回秒，但它必須返回到第一個div。 – vazgen

@vazgen我試過了，但它變得太棘手了...... – Itay

連接如何使用不同的分類div排序

回答

相關問題