用jQuery.ui.sortable实现拖拽排序

地址http://jqueryui.com/sortable/ 有详细的sortable的介绍

另外参考:http://stackoverflow.com/questions/7097168/save-jquery-ui-sortable-positions-to-db

这里主要用的sortable排序,然后和update把排序结果保存

需要引用 http://code.jquery.com/jquery-1.8.3.js 和 http://code.jquery.com/ui/1.10.0/jquery-ui.js

ui

 

  • elem 1
  • elem 2
  • elem 3
  • elem 4


绑定的时候 把数据库中id赋给li的id,$('#sortable').sortable('toArray').toString()就会取得用逗号分隔的id。结果1,2,3,4

 

update方法中调用jQuerty.ajax,异步存储到数据库。

你可能感兴趣的:(js)