可排序列表+查找已删除的索引

时间:2014-11-11 17:24:03

标签: javascript jquery html drag-and-drop rubaxa-sortable

好的,我正在尝试RubaXa's Sortable plugin。 (这是一个很棒的example page

    var sort = new Sortable($('#items')[0], {
        animation: 150,

        onUpdate: function(evt/**Event*/){
            var item = evt.item;
            console.log(evt);
        }
    });

插件工作正常。问题是如何获得元素被删除的索引? (例如,从列表的索引2到索引0)

演示: http://jsfiddle.net/j7fesLkp/1/

1 个答案:

答案 0 :(得分:7)

传递给onSort的事件包含您需要的字段:oldIndexnewIndex

var sort = new Sortable(items, {
    onSort: function (evt) {
        console.log(evt.oldIndex + ' -> ' + evt.newIndex);
    }
});
<!-- Sortable -->
<script src="https://rawgit.com/RubaXa/Sortable/dev/Sortable.js"></script>

<ul id="items">
    <li data-id="1">item 1</li>
    <li data-id="2">item 2</li>
    <li data-id="3">item 3</li>
    <li data-id="4">item 4</li>
    <li data-id="5">item 5</li>
</ul>