0

リスト内にjqueryのソート可能なリストがあります。以下の例では、果物を相互に並べ替え、車を相互に並べ替えたいのですが、車が果物と混ざらない場合があります。

また、Cars と Fruit のカテゴリもソート可能にして、Cars を Fruits の上に移動できるようにする必要があります。その場合、果物を移動すると、リンゴとバナナも一緒に移動するはずです。

Fruits
    apples
    bananas
Cars
    ford
    volvo

私は持っている：

<ul id="sortable">
    <li>Fruits
        <ul id="sortable" > 
          <li > Apples  </li> 
          <li >bananas  </li> 
        </ul>
    </li> 
    <li >Cars
        <ul id="sortable" > 
          <li > Ford  </li> 
          <li >Volvo  </li> 
        </ul>
    </li> 
</ul>

車や果物は、アイテムを持って適切に移動できますが、果物や車は自分の種類のままではありません。

4

1 に答える 1

0

私はそれを考え出した。

これを行うと、リストが混在します。

 $( "#sortable" ).sortable();

しかし、全体の周りに id = "my_id" の div を配置してから実行すると、それらは混在しません

$( "#my_id ul" ).sortable();

もう 1 つの方法は、各 ul を div で囲むことです。その後、同じIDを持つことができます。

別の方法は、リストに異なる ID を与えることです:

 $( "#sortable1",  "#sortable2" ,  "#sortable3").sortable();
于 2013-01-26T17:30:26.903 に答える