jQuery.tablednd是一個非常方便的jQuery插件,可以讓我們輕松的將表格內容進行排序和拖拽操作。
// 引入 jQuery.tablednd 插件 <script src="jquery.tablednd.0.5.min.js"></script> // 使用方法 $(function(){ // 給表格添加屬性 $('table').tableDnD({ onDrop: function(table, row) { // 當拖拽結束時,執行的函數 console.log($(row).attr('id')); } }); });
如上所示,我們首先需要引入jquery.tablednd 0.5插件,然后在DOMContentLoaded事件中調用tableDnD函數并傳入相應的參數。
其中onDrop是拖拽結束時的回調函數,可以用來處理相關邏輯。
顯然,jQuery.tablednd非常易用且高效,特別適合需要表格排序和拖拽的項目中。