Question

我在列表中有jquery可排序列表。在下面的例子中，我想要相对于彼此和相互之间的汽车分类水果，但汽车可能不会与水果混合。

此外，汽车和水果类别也应该是可排序的，以便汽车可以移动到水果之上。在这种情况下，如果你移动水果，苹果和香蕉应随之移动。

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>

汽车和水果可以适当地移动，随身携带物品，但水果和汽车不能保持自己的种类。

Answer 1

我明白了。

如果我这样做，那么列表混合：

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

但是如果我把id =“my_id”的div放在整个事物上然后再做

那么它们就不会混合

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

另一种方法是用div包围每个ul。然后他们就可以拥有相同的身份。

另一种方法是给列表提供不同的ID：

 $( "#sortable1",  "#sortable2" ,  "#sortable3").sortable();

Jquery sortable：列表中的列表。子列表可能不会混合

1 个答案: