1. 程式人生 > >簡單實現拖拽的方法 sortable.js

簡單實現拖拽的方法 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 佈局切記