我有:
<ul id="sortableList"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>
我有线到更新:function(event,ui){}但不知道如何获得元素的原始和新的位置。如果我将项目3移动到项目1之上,我想要原始位置为2(基于0的索引),项目3的新位置为0。
解决方法
$('#sortable').sortable({ start: function(e,ui) { // creates a temporary attribute on the element with the old index $(this).attr('data-previndex',ui.item.index()); },update: function(e,ui) { // gets the new and old index then removes the temporary attribute var newIndex = ui.item.index(); var oldIndex = $(this).attr('data-previndex'); $(this).removeAttr('data-previndex'); } });