Question

我整个上午都在寻找答案，但一直没找到答案。我要做的是有多个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个脚本中完成，或者我将不得不做多个脚本...

提前感谢您的帮助

Answer 1

我无法想出如何构建一个脚本语句。所以我所做的是建立一个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");

                    }
               }
            })
        });';

    }

希望这可以帮助某人或基于此的人能够提出更好的解决方案。

带有connectwith的多个包含

1 个答案: