HTML5 Sortable 是一个 jQuery 插件,使用本地拖拽 API 来创建可排序的列表和网格。
特性:
小于 1KB (简化和压缩 )
使用本地的拖拽 API
支持列表和网格风格的布局
类似 jQuery-UI 可排序插件的 API 和功能
可以在 IE 5.5+, Firefox 3.5+, Chrome 3+, Safari 3+ 和 Opera 12+ 上使用
用法:
从这里下载 here,然后:
ul class="sortable"> li>Item 1 li>Item 2 li>Item 3 li>Item 4 ul> script src="jquery.sortable.js">script> script> $('.sortable').sortable(); script>
API 兼容 jQuery-UI:
yepnope({ test: Modernizr.draganddrop, yep: 'jquery.sortable.js', nope: 'jquery-ui.min.js', complete: function() { $('.sortable').sortable().bind('sortupdate', function() { //Store the new order. } } });
http://farhadi.ir/projects/html5sortable/