转载地址:http://blog.sina.com.cn/s/blog_944b24ef0101cv81.html
插件地址:http://dragsort.codeplex.com/
html部分:
table情况,
< table id='tableid'>
< tr>
……
< /tr>
< / table>
或
< table >
< tbody id='tableid'>
< tr>
……
< /tr>
< /tbody>
< / table>
ul的情况,
< ul id='tableid'>
< li>< / li>
……
< / ul>
jquery部分
引用进jquery.dragsort-0.5.1.min.js
$("#tableid").dragsort({
dragSelector : "tr", //可以不用设置,他会根据$("#tableid")的类型来决定是tr还是li
dragEnd : function(){
console.log($(this)); //拖动完成的回调函数,$(this)当前拖动对象
},
scrollSpeed:0, //默认为5,数值越大拖动的速度越快,为0则拖动时页面不会滚动
});