简单的关于jquery tree的问题
<html>
<head>
<title>Complex Layout </title>
<link rel="stylesheet" type="text/css" href="styles/deptree.css" />
<script type="text/javascript" src="js/jquery.js" > </script>
<script type="text/javascript" src="js/jquery.treeview.js" > </script>
<script type="text/javascript">
$(document).ready(function(){
$("body > #tree-td > ul:first").Treeview({
//speed: "fast",
collapsed: true,
unique: true,
toggle: function() {
//window.console && console.log && console.log("%o was toggled", $(this).parent());
}
});
});
</script>
</head>
<body>
<!-- EXAMPLES -->
<div id="tree">
<div id="tree-td" style="overflow:auto; ">
<ul>
<li>Item 1
<ul>
<li>Item 1.1 </li>
</ul>
</li>
<li class="closed">Item 2 (starts closed)
<ul>
<li>Item 2.1
<ul>
<li>Item 2.1.1 </li>
<li>Item 2.1.2 </li>
</ul>
</li>
<li>Item 2.2 </li>
</ul>
</li>
<li>Item 3 </li>
</ul>
</div>
</div>
</body>
</html>
红色部分代码看不太懂,帮我解释一下吧!
还有我在id="tree-td"的div外加一层id=”tree“的div,javascript的$(document).ready(function()就不能正常调用了,估计问题就是在红色部分代码中,高手帮忙看看应该怎么修改才能正常调用函数吧,试了几次都不行,本人对html的dom不太熟悉,非常感谢!