連接多個遏制

我一直在尋找一個答案，但一直沒有找到任何答案。我想要做的是有多個div容器，在該div中有2個排序。連接多個遏制

看起來像...

<div> 
    <ul> 
     <li>first item</li> 
     <li>second item</li> 
     <li>third item</li> 
     <li>fourth item</li> 
     <li>fifth item</li> 
    </ul> 
    <br /> 
    <ul> 
     <li>6th</li> 
     <li>7th</li> 
     <li>8th</li> 
    </ul> 
</div> 
<div> 
    <ul> 
     <li>first item</li> 
     <li>second item</li> 
     <li>third item</li> 
     <li>fourth item</li> 
     <li>fifth item</li> 
    </ul> 
    <br /> 
    <ul> 
     <li>6th</li> 
     <li>7th</li> 
     <li>8th</li> 
    </ul> 
</div>

的DIV中的第二UL將是空的。他們會將他們的選擇從第一個ul拖到它。但是他們不能從不同的容器中拖拽選項。 div容器的數量也是動態的。我想知道這是否可以1個腳本內完成還是我將不得不做多個腳本......

預先感謝您的幫助

來源

2013-03-13 Contento

下面是接近我想要做的事情：http://jsfiddle.net/85ncc/48/ 唯一的問題是，第二個盒子不能正常工作。 – Contento 2013-03-13 17:28:02

我不能想出如何建立一個公正腳本聲明。所以我所做的是基於他們需要打印出每個選項的腳本有多少選項來構建一個php循環。可能不是最好的做法，但我不知道如何製作一個單一的腳本。

這是我使用的代碼。

for ($x = 0; $x <= RANDOM AMOUNT; $x++){ 
     echo '$(function() {  
      $(".sortable'.$x.'").sortable({ 
       containment: "#c'.$x.'", 
       connectWith: ".sortable'.$x.'",update:function(e,ui){ 
        if (this === ui.item.parent()[0]) { 
        var order = $("#myList'.$x.'").sortable("serialize"); 

        } 
       } 
      }) 
     });'; 

    }

希望這可以幫助某人或基於此的人可以想出一個更好的解決方案。

來源

2013-03-15 13:43:06 Contento

連接多個遏制

回答

相關問題