下面小编就为大家带来一篇jQueryUI Sortable 应用Demo(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ,可以拖拽,自由排序 使用很方便,写一个demo,做个记录。
第一、单项目自由排序
下图效果
代码段:
html:
test1 test2 test3
第二、多排序组之间自由拖拽
代码段:
html 代码:
left-test1 left-test2 left-test3 test1 test2 test3
上面另种是工作中比较常用的排序形式。
以上就是jQueryUI Sortable 应用Demo(分享)的详细内容,更多请关注本站其它相关文章!