国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML table鼠標(biāo)拖拽排序功能

2024-08-26 00:13:43
字體:
供稿:網(wǎng)友

效果圖:

1.引入文件

<script src="js/jquery-1.10.1.min.js"></script>  <link rel="stylesheet" href="Public/css/jquery-ui.min.css">  <script src="js/jquery-ui.min.js"></script>  

2.給元素附上sortable類

<tbody class="sortable">     <tr></tr>     <tr></tr>   </tbody>  

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 table鼠標(biāo)拖拽排序功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 南充市| 获嘉县| 南投县| 阳城县| 同德县| 缙云县| 赤城县| 且末县| 贵溪市| 丁青县| 盐池县| 昌平区| 白山市| 洪江市| 夏邑县| 济阳县| 常德市| 临沭县| 翁牛特旗| 保靖县| 荣成市| 满洲里市| 鄯善县| 成安县| 青河县| 安顺市| 会泽县| 河津市| 屏南县| 阆中市| 凭祥市| 金沙县| 中江县| 福鼎市| 望城县| 苏尼特左旗| 五原县| 蒲江县| 鲜城| 双辽市| 上犹县|