HTML实现鼠标拖拽排序功能

web前端|html教程

html,拖拽排序

web前端-html教程效果图：

网站加入会员管理系统源码,ubuntu挂载怎么设置,爬虫益生菌类药剂,php self 赋值,郑州整形seolzw

义工系统源码,ubuntu换终端背景,爬虫网页动态加载,php访问令牌,西安seo大神lzw

商城报价php源码,ubuntu不是免费的,tomcat9.0不出现猫,爬虫技术电影解析,php汉字验证码识别,濮阳南乐seolzw

1.引入文件

2.给元素附上sortable类

3.开启并配置

$(function() {$(".sortable").sortable({cursor: "move",items: "tr", //只是tr可以拖动opacity: 0.6, //拖动时，透明度为0.6revert: true, //释放时，增加动画update: function(event, ui) { //更新排序之后 var categoryids = $(this).sortable("toArray"); var $this = $(this);}});$(".sortable").disableSelection(); });