Sortable —是一个JavaScript库,用于在现代浏览器和触摸设备上对拖放列表进行重新排序。无需jQuery。支持Meteor,AngularJS,React,Polymer,Vue,Ember,Knockout和任何CSS库,例如Bootstrap。https://sortablejs.github.io/Sortable/
demo 网站 http://sortablejs.github.io/Sortable/
一看这解释感觉就是很棒的感觉
特征
- 支持触摸设备和现代浏览器(包括IE9)
- 可以从一个列表拖动到另一个列表或在同一列表内
- 移动项目时的CSS动画
- 支持拖动手柄和可选文本(比voidberg的html5sortable更好)
- 智能自动滚动
- 高级交换检测
- 流畅的动画
- 多拖动支持
- 支持CSS转换
- 使用原生HTML5拖放API构建
- 支持
- Angular
- React
- Knockout
- Polymer
- Vue
- Ember
- 支持任何CSS库,例如Bootstrap
- 简单的API
- 支持插件
- CDN
- 不需要jQuery(但有支持)
- 打字稿定义在
@types/sortablejs
文章
- Dragging Multiple Items in Sortable (April 26, 2019)
- Swap Thresholds and Direction (December 2, 2018)
- Sortable v1.0 — New capabilities (December 22, 2014)
- Sorting with the help of HTML5 Drag'n'Drop API (December 23, 2013)
安装
npm install sortablejs --save