sortable.js 的研究

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构建
  • 支持
    • Meteor
  • Angular
    • 2.0+
    • 1.*
  • React
    • ES2015+
    • Mixin
  • 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

<< · Back Index ·>>

发表回复

相关推荐

【初中数学】人教版初一七年级上册数学第一章有理数单元测试题

大家好,我是张老师,致力于打造一个系统、优质的学习资料库,今天给大家分享人教版初一七年级上册数学第一章有理数单元测试题

· 1分钟前

卡特爾16pf-聰慧性 量表問題與爭議

16pf中有一項“聰慧性”不同於其他人格測試,“聰慧性”相關的題是有明確對錯的,然而這些題是否嚴謹呢。本文列舉中文版16pf的問...

· 2分钟前

射频放大器的主要类型及参数详解

射频放大器,根本上是我们射频系统中的正反馈系统,一般位于发射链路上。由于考虑无线传输的链路衰减,发射端需要辐射足够大 ...

· 2分钟前

【午间冷知识】摩氏硬度表:石头的PK排名

点击上面蓝色文字↑↑↑订阅我们! 搜索微信号:bowuzazhi或博物 木头比棉花硬,钢铁比木头硬,这是我们从小就熟悉的常识。但 ...

· 2分钟前

一文读懂中国城乡差距的根源!

去过农村的人,会有这样一个感受,农民很朴实,但农村比城市落后太多。在中西部地区,这样的感受会更强烈。有些房子外观看上 ...

· 3分钟前