jquery.tablednd_0_5.js是一種jQuery插件,用于實(shí)現(xiàn)表格的拖放排序,可以輕松地將行或列重新排序。
這個(gè)插件是由Dan Vanderkam編寫的,最新版本是0.5。由于是一個(gè)jQuery插件,因此需要在引入jQuery庫之后才能使用它。
//引入jQuery庫
<script src="jquery.js"></script>
//引入jquery.tablednd_0_5.js
<script src="jquery.tablednd_0_5.js"></script>
使用jquery.tablednd_0_5.js非常簡(jiǎn)單。只需要將要排序的表格使用以下代碼包裝:
$(document).ready(function() {
$('table').tableDnD();
});
在這個(gè)例子中,我們將會(huì)對(duì)頁面中的所有表格實(shí)現(xiàn)拖放排序。如果你只想對(duì)特定表格實(shí)現(xiàn)排序,可以使用表格選擇器來選取它:
$(document).ready(function() {
$('#myTable').tableDnD();
});
這個(gè)插件還可以根據(jù)需求來自定義拖放事件。例如,你可以在拖放開始時(shí)添加一個(gè)CSS類:
$(document).ready(function() {
$('#myTable').tableDnD({
onDragClass: 'myDragClass'
});
});
這只是jquery.tablednd_0_5.js的一些基本用法。你還可以在其官方文檔中了解更多有關(guān)它的更高級(jí)用法。