拖拽插件Sortable.js获取拖拽前后，被拖拽元素所在的位置序位

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()即可，这里不重复了