用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官網插件