jquery.tablednd_0_5.js 表格拖动使用方法
引入tablednd插件
<script type="text/javascript" src="jquery.tablednd_0_5.js" ></script><!--表格拖动插件-->
html 代码
<table id="dnd"> <tr><td >1</td></tr> <tr><td >2</td></tr> <tr><td >3</td></tr> <tr><td >4</td></tr> </table>
js 代码
$("#dnd").tableDnD({ scrollAmount:10, //滚动的速度 onDragClass:'highlight', // 给拖动的tr 加上class值,css样式控制高亮显示 //当拖动排序完成后执行函数 onDrop: function(table,row) { //console.log(row.id); }, //开始拖动执行函数 onDragStart:function(table,row){ //console.log(row.id); }, });
插件代码