javascript - Jquery Ui 可排序项目选项仅选择第一项

Question

在我的下面的代码中，只有第一个 #sort-item 是可排序的，其他则不可排序。怎么解决呢？

$('#sortable').sortable({
   items:"#sort-item"
});

HTML；

<ul id="sortable">
    <li id="sort-item"></li>
    <li id="sort-item"></li>
    <li id="sort-item"></li>
    <li id="sort-item"></li>
    <li id="sort-item"></li>
</ul>

编辑: 我尝试；

$('#sortable').sortable({
   items:"> #sort-item"
});

但是窃取不起作用

jsFiddle; https://jsfiddle.net/seamqykd/1/

Answer 1

您不能为多个项目分配相同的 ID ( https://www.w3schools.com/html/html_id.asp )

使用类来选择项目:

<ul id="sortable">
    <li class="sort-item"></li>
    <li class="sort-item"></li>
    <li class="sort-item"></li>
    <li class="sort-item"></li>
    <li class="sort-item"></li>
</ul>

$('#sortable').sortable({
  items:".sort-item"
});

或者更好的是，使用元素

$('#sortable').sortable({
  items:"li"
});