html5sortablejQuery 排序插件

联合创作 · 2023-10-02 17:07

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/

浏览 11
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报