2

私は午前中ずっと答えを探していましたが、答えを見つけることができませんでした. 私がやろうとしているのは、複数の 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 内の 2 番目の ul は空になります。彼らは最初の ul からそれに選択肢をドラッグします。ただし、別のコンテナーからオプションをドラッグすることはできません。div コンテナーの量も動的になります。これが 1 つのスクリプト内で実行できるのか、それとも複数のスクリプトを実行する必要があるのか​​ 疑問に思っていました...

助けてくれてありがとう

4

1 に答える 1

0

スクリプト ステートメントを 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");

                    }
               }
            })
        });';

    }

うまくいけば、これが誰かまたはこれに基づいた誰かがより良い解決策を思い付くのに役立つかもしれません.

于 2013-03-15T13:43:06.467 に答える