jQuery UI 实现拖动排序【原创

来源:https://www.sucaihuo.com/js/2205.html 2017-06-20 22:02浏览(763) 收藏

jQuery UI sortable()的功能来实现鼠标拖动排序功能。代码简单容易套用修改
jQuery UI 实现拖动排序
分类:悬浮层/弹出层 > 拖动 难易:入门级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 4 下载资源 下载积分: 50 积分
<script src="./jquery-1.9.1.min.js"></script>
<script src="./jquery-ui.js"></script>
<script>$(function() {
		$(".sortable").sortable({
			cursor: "move",
			items: "li",
			opacity: 0.6,
			revert: true,
			update: function(event, ui) {
				var pxid = $(this).sortable("toArray");
				alert("顺序:" + pxid);

			}
		});
	});</script>
标签: 拖动排序
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2205.html
评论1
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

  • 头像 沙发
    06-22 09:04
    胡***胡
    挺有意思的效果!
1 2