连接多个遏制

我一直在寻找一个答案，但一直没有找到任何答案。我想要做的是有多个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

连接多个遏制

回答

相关问题