使用sortable插件实现列表中表项的拖曳排序操作8-3
2014-09-03 11:32
495 查看
sortable 参数说明:http://blog.csdn.net/xpsharp/article/details/6906228
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用sortable插件实现列表中表项的拖曳排序操作</title> <script type="text/javascript" src="lib/jquery-2.1.1.js"></script> <script type="text/javascript" src="lib/jquery-ui.js"></script> <style type="text/css"> body{font-size:13px} ul{padding:0px;magin:0px;list-style-type:none;width:260px} ul li{margin:0 3px 3px 3px;border:solid 1px #ccc;background-color:#eee;padding:0.4em;cursor:move;font-size:1.4em;height:18px;} </style> <script type="text/javascript"> $(function(){ $("ul").sortable({delay:2,opacity:0.35}); }) </script> </head> <body> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> </body> </html>
相关文章推荐
- 使用sortable插件实现列表中表项的拖曳排序操作8-3
- 使用draggable插件实现对象的拖曳操作8-1
- 使用angular-ui-sortable实现可拖拽排序列表
- 使用bootstraptable插件实现表格记录的查询、分页、排序操作
- 使用draggable插件实现对象的拖曳操作8-1
- 使用jquery的sortable插件实现拖动效果,以及影响blur事件触发的解决方法
- 使用easyUI框架实现列表的整体排序
- 【JQuery UI】拖曳排序插件——sortable
- 使用XSL实现在客户端的排序操作
- 基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
- 【jQuery】拖曳排序插件——sortable
- 使用jquery-sortable交互工具和acts_as_list rubygem实现页面拖动排序
- 使用droppable插件实现对象的放置操作 8-2
- jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
- 基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
- Android 使用SwipeActionAdapter开源库实现简单列表的左右滑动操作
- 使用XSL实现在客户端的排序操作
- 39.拖曳排序插件——sortable
- 使用jquery的sortable插件实现拖动效果,以及影响blur事件触发的解决方法
- js实现拖曳排序的插件