Sortable中怎么实现一个拖放排序插件

Sortable中怎么实现一个拖放排序插件，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

　　Sortable.js是一款轻量级的拖放排序列表的js插件（虽然体积小，但是功能很强大）

　　Sortable.js特点

　　支持触屏设备和大部分浏览器（IE9以下的就不支持了，原因都懂得）

　　可以从一个列表容器中拖拽一个列表单元到其他容器或本列表容器中进行排序

　　移动列表单元时有css动画

　　支持拖放操作和可选择的文本（这句我也没理解，大概意思就是对原生的拖放进行拓展了）

　　非常友善的滚动效果

　　基于原生html5中的拖放API

　　支持多种框架（angular、vue、react等）

　　支持所有的css框架，像Bootstrap

　　简单的API，方便使用

　　CDN

　　不依赖jQuery

　　Sortable.js示例代码：

　　//Simplelist

　　varlist=document.getElementById("my-ui-list");

　　newSortable(list);//That'sall.

　　//Grouping

　　varfoo=document.getElementById("foo");

　　newSortable(foo,{group:"omega"});

　　varbar=document.getElementById("bar");

　　newSortable(bar,{group:"omega"});

　　//Or

　　varcontainer=document.getElementById("multi");

　　varsort=newSortable(container,{

　　handle:".tile__title",//Restrictssortstartclick/touchtothespecifiedelement

　　draggable:".tile",//Specifieswhichitemsinsidetheelementshouldbesortable

　　onUpdate:function(evt/**Event*/){

　　varitem=evt.item;//thecurrentdraggedHTMLElement

　　}

　　});

　　//..

　　sort.destroy();

看完上述内容，你们掌握Sortable中怎么实现一个拖放排序插件的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！