最近做BI项目频繁用到拖拽,心累呀,后来发现了一款好用的拖拽插件 sortable.js 真心好用,使用也特别方便,不依赖jq,可以在vue、ng、react中使用
<ul id="foo">
<li>老子天下第一</li>
<li>老子天下第二</li>
<li>老子天下第三</li>
<li>老子天下第四</li>
<li>老子天下第五</li>
<ul>
自己下载引入 sortable.js 下载地址 https://github.com/RubaXa/Sortable
<script>
var el = document.getElementById('foo');
Sortable.create(el, {
group: "omega",
onUpdate: function (evt/**Event*/){
},
sort: true
});
</script>
这样就可以实现 容器 foo 里面的元素拖拽了,布局必须是ul li 布局切记