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