Dragula是一款支持移动触摸屏设备的纯js元素拖放插件。这个元素拖放插件使用简单,浏览器兼容性好,能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。
代码演示:
<script src="dist/dragula.js"></script>
<link rel="stylesheet" href="dist/dragula.css">
<script>
$(document).ready(function () {
dragula([shuffle]);//上面两个插件务必引入
});
</script>
<style>
#shuffle {
margin: 30px;
padding: 0;
}
.shuffle-item {
text-align: left;
margin: 5px;
padding: 5px;
border: solid 1px rgba(11,128,238,0.05);
border-radius: 5px;
background-color: rgba(11,128,238,0.05);
color: black;
}
</style>
<div id="shuffle">
<div class='shuffle-item'>test 1</div>
<div class='shuffle-item'>test 2</div>
<div class='shuffle-item