Несколько ограничений с подключением

Question

Я искал все утро для ответа, но не смог найти ответа. Что я хочу сделать, так это иметь несколько контейнеров div с двумя сортировками внутри этого 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> 
     <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 на него. Но они не могут перетаскивать опции из разных контейнеров. Количество контейнеров div также будет динамичным. Мне было интересно, если это может быть сделано в течение 1 сценария или я буду иметь, чтобы сделать несколько сценариев ...

заранее благодарим за помощь

Answer 1

Я не мог придумать, как построить только один сценарий заявление. Итак, что я сделал, был создан php-цикл, основанный на том, сколько параметров им нужно для распечатки скриптов для каждой опции. Вероятно, это не лучший способ сделать это, но я не мог понять, как сделать 1 единственный скрипт.

Вот мой код, который я использовал.

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"); 

        } 
       } 
      }) 
     });'; 

    } 

Надеюсь, это может помочь кому-то или кому-то, кто основан на этом, может придумать лучшее решение.