可排序列表+查找已删除的索引
Sortable list + Finding dropped index
好吧,我正在试用RubaXa的Sortable插件。(这是一个很好的示例页面)
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/
传递给onSort
的事件具有您需要的字段:oldIndex
和newIndex
:
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>
相关文章:
- 在特定索引处剥离/删除数组中的值
- 删除和重用数组索引
- 如何使用Jscript | JQuery在textArea中获取插入的|删除的字符串的索引和长度
- 如何删除cookie错误注意:PHP上的未定义索引
- 删除索引后的数组值
- 如何删除索引中加载的脚本文件中的重复项.html和业力
- 索引数据库:删除功能不起作用
- 使用另一个数组按索引删除数组中的对象
- 数组的逻辑操作以删除索引
- Object.observe 并不总是为我在数组上提供正确的删除索引
- 从 JavaScript 数组中删除索引数组
- 删除索引后的所有项目
- 从数组中删除索引数组
- 数组不断删除索引中的第一个数字
- Javascript关联数组,仅删除索引
- JS数组拼接由于某些原因没有删除索引
- 删除索引网站的代码历史记录?可能的
- 删除索引处的子节点
- 悬停时添加/删除z索引
- 如何使用jquery或javascript删除索引处的行