简单实现拖拽的方法 sortable.js

最近做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 布局切记

猜你喜欢

转载自blog.csdn.net/weixin_39090097/article/details/82995843