如何在使用可排序小部件时创建li交换变量

Question

我目前正在使用Sortable Widget在我的页面中交换div，但问题是如果div / li在排序时没有排列值，

EX：

<ul class="sortable">
<li id="1">a</li>
<li id="2">b</li>
<li id="3">c</li>
<li id="4">d</li>
<li id="5">e</li>
</ul>

当我将5移到顶部时，安排应该安排所有的 来自

的身份/姓名

5 = e, 1 = a, 2 = b, 3 = c, 4 = d

到

1 = e, 2 = a, 3 = b, 4 = c, 5 = d 

再一次，我将如何实现 这用jquery？

Answer 1

您可以使用.prop()事件中的update方法重置ID：

// ...
update: function() { 
   $('.sortable li').prop('id', function(i) { return ++i; });
}

但是，我建议使用data-*属性，而不是使用id s。