1.引入正确的版本,github上下载的为0.4版本,使用cdn连接获取0.7版本
https://cdnjs.cloudflare.com/ajax/libs/TableDnD/0.9.1/jquery.tablednd.js
2.初始化函数
$(document).ready(function() {
// 初始化拖拽
$("#sortTable").tableDnD({
dragHandle: ".draggable",
onDrop: function(table, row) {
alert("Row dropped!");
},
});
})
3.往td标签里面添加对应的选择类,tr的id为必填,onDrop是通过id触发的
<table id="sortTable">
<tr id="">
<td class="draggable"></td>
</tr>
</table>
添加样式增加鼠标光标
.draggable{
cursor: move;
}