這篇文章主要介紹了HTML table滑鼠拖曳排序功能的相關資料,需要的朋友可以參考下
效果圖:
1.引入檔案
2.給元素附上sortable類別
3.開啟並設定
$(function() { $(".sortable").sortable({ cursor: "move", items: "tr", //只是tr可以拖动 opacity: 0.6, //拖动时,透明度为0.6 revert: true, //释放时,增加动画 update: function(event, ui) { //更新排序之后 var categoryids = $(this).sortable("toArray"); var $this = $(this); } }); $(".sortable").disableSelection(); });
以上是HTML實作滑鼠拖曳排序功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!