1.介绍
Sortable.js是一款轻量级的拖放排序列表的js插件,虽然体积小,但是功能很强大,不过拖拽的动画效果并不是很理想
下载地址:https://github.com/RubaXa/Sortable
官方DEMO:http://rubaxa.github.io/Sortable/
中文详细介绍:https://segmentfault.com/a/1190000008209715
2.获取拖拽元素在拖拽前后所在位置
(1)获取拖拽元素在拖拽之前的位置
在create函数的onStart方法中定义
var sortable = Sortable.create(el, {
//省略其他参数
onStart: function (evt) { //拖拽完毕之后发生该事件
//所在位置
var index = $(evt.item).parent().children().index($(evt.item));
}
});
获取到的index变量的值就是被拖拽元素在父元素中的位置,其中jqery的index()方法是查找指定子元素在父元素中所在位置,从0开始
(2)获取拖拽元素在拖拽之后的位置
同理,也是调用jquery的index()即可,这里不重复了