代码一预览:
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
<script>
$(function() {
$( ".sortable" ).sortable({
cursor: "move",
items :"li", //只是li可以拖动
opacity: 0.6, //拖动时，透明度为0.6
revert: true, //释放时，增加动画
update : function(event, ui){ //更新排序之后
alert($(this).sortable("toArray"));
}
});
});
</script>
<ul class="sortable">
<li class="ui-state-default" id="1">第1项</li>
<li class="ui-state-default" id="2" >第2项</li>
<li class="ui-state-default" id="3">第3项</li>
</ul>
</body>
</html>
源码下载
网站建设 IT知识 IT知识教程 jquery列表拖动排列(由项目提取相当好用) 
最新文章
热门文章
猜你喜欢
