用dragsort +bootstrap+php实现 table拖动自动保持排序,前面加序号及时更新效果

php+ajax+dragsort插件+bootstrap美化
实现拖拽排序,保持序号不变,但真实排序保持变化。
图片描述php

代码说明:jquery

  1. my.js为自定义ajax请求,定义了数据接收处理和发送给后台php方法。里面有具体处理数据的样式以及php处理js发送数据保存到数据库的小demo。ajax

  2. jquery.dragsort-0.5.2.js 为插件内容,须要依赖jquery,为了实现效果其中我增长了282-297行,其余不变。数据库

  3. 其余文件顺序加载就好。bootstrap

统一包下载地址:百度网盘spa

dragsort官网插件