怎么实现jQuery树(tree)的文件拖动功能还有获取父节点(getparent),子节点(getchilren)的功能
急!!!求指导。怎么实现jQuery树(tree)的文件拖动功能还有获取父节点(getparent),子节点(getchildren)的功能??...
急!!!求指导。怎么实现jQuery树(tree)的文件拖动功能还有获取父节点(getparent),子节点(getchildren)的功能??
展开
展开全部
这是Jquery UI官网上的一个例子,我改了一下,你直接复制就能用了。
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Draggable + Sortable</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
li { margin: 5px; padding: 5px; width: 150px; }
</style>
<script>
$(function() {
$( "#sortable" ).sortable({ revert: true });
$( "#draggable" ).draggable({
connectToSortable: "#sortable",
helper: "clone",
revert: "invalid"
});
$( "ul, li" ).disableSelection();
});
</script>
</head>
<body>
<ul id="sortable">
<li class="ui-state-default">File 1</li> <!--上下拖动-->
<li class="ui-state-default">File 2</li> <!--上下拖动-->
<li class="ui-state-default">File 3</li> <!--上下拖动-->
<li class="ui-state-default">File 4</li> <!--上下拖动-->
<li class="ui-state-default">File 5</li> <!--上下拖动-->
</ul>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询