jquery-ui – jQuery UI Sortable,如何确定更新事件中的当前位置和新位置?

前端之家收集整理的这篇文章主要介绍了jquery-ui – jQuery UI Sortable,如何确定更新事件中的当前位置和新位置?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有:
<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');
    }
});
原文链接:https://www.f2er.com/jquery/185108.html

猜你在找的jQuery相关文章