dragula是一个开源（MIT协议）JavaScript拖放功能插件，支持每一个健全的浏览器，文档丰富、配置简单。支持触摸事件，无需任何配置即可无缝的处理点击。
1、快速开始
https://github.com/bevacqua/dragula
下载文件后解压，在页面中引入dist文件夹中dragula.min.js和dragula.min.css文件，js文件建议在<body>中引入，否则可能会出现一些问题。
接着，如下图所示创建好拖放的容器，并写入脚本初始化即可。
dragula([$('left-defaults'), $('right-defaults')]);
默认情况下，dragula将允许拖动在任何容器拖放列表中的任何一个元素，上面的例子允许用户从左到右，从右到左。
npm安装命令：
npm install dragula --save
bower安装命令：
bower install dragula --save
2、基本使用
①dragula还提供一个可选对象，下面是它的默认值概述，通过他我们可以进行相应的配置。
你可以删除容器的参数，动态添加容器。如下所示：
②溢出还原or删除
当移动元素到拖放容器外时，根据revertOnSpill或者removeOnSpill选项优雅的还原、删除。
删除
还原
③复制
除了移动外，也可以复制拖拽元素，这个功能也比较常用。
除此以外，还有多个内置方法和事件，能够让我们方便的动态操作拖放功能，复制和移动的某些事件存在差异，具体可以在官网上查看文档，通过方法和事件可以方便的管理拖放功能生命周期。
如果你有更好、使用的插件想要和我们分享，请评论告诉我，感谢您的分享。
注意：本文归作者所有，未经作者允许，不得转载
