Sortable极小的可拖放排序分组库;支持AngularJS,React,Meteor


发布者 ourjs  发布时间 1423465703467
关键字 大话编程  分享 

Sortable


为现代浏览器和触摸设备拖放排序列表设计的简约JavaScript库。不依赖jQuery。支持Meteor,AngularJS,React,任意CSS库,如Bootstrap。

注* minify压缩后10K左右, Gzip后4K


在线示例: http://rubaxa.github.io/Sortable
项目地址: https://github.com/RubaXa/Sortable


特性


  • 支持触摸设备主流游览器(IE8+)
  • 可以在列表内和列表间拖动
  • 移动物品时支持CSS动画
  • 支持拖动手柄和可选择的文字(比voidberg的html5sortable更好)
  • 智能的自动滚屏
  • 使用内置的HTML5拖放API
  • 支持Meteor和AngularJS
  • 支持任何CSS库,例如Bootstrap
  • 简单的API
  • 不依赖jQuery(但支持)


使用



<ul id="items">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
</ul>

var el = document.getElementById('items');
var sortable = Sortable.create(el);


你可以应用到任意元素,不仅仅是ul/li, 示例: http://jsbin.com/luxero/2/edit?html,js,output







回复 (4)
  • #
  • #1 涂会央 1470906232623

    程序上的

  • #2 龙回宇 1470906264030

    阿三士大夫士大夫

  • #3 VK 1476167747906

    ie运行报错

  • #4 关圾那 1476873841745

    您好,怎么修改拖动时,有透明度的那个元素的样式?我在拖动时,这个元素的位置不太对

微信扫码 立即评论