Javascript Jquery树折叠状态
我在jQuery手风琴中使用jQuery easyui树。默认情况下,树结构是未折叠的。所有子文件夹都可见,但我需要从根开始折叠整个文件夹。我的示例代码如下:Javascript Jquery树折叠状态,javascript,php,jquery,Javascript,Php,Jquery,我在jQuery手风琴中使用jQuery easyui树。默认情况下,树结构是未折叠的。所有子文件夹都可见,但我需要从根开始折叠整个文件夹。我的示例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="./easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="./easyui/themes/icon.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="./easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#navigation").treeview({
animated: "fast",
collapsed: true,
control: "#treecontrol"
});
});
</script>
</head>
<body>
<div id="accordion">
<h3>Tree TestTest</h3>
<div title="Tree Menu">
<ul id="navigation" class="easyui-tree">
<li>
<span>Folder1</span>
<ul>
<li>
<span>Sub Folder 1</span>
<ul>
<li><span>File 11</span></li>
<li><span>File 12</span></li>
<li><span>File 13</span></li>
</ul>
</li>
<li><span>File 2</span></li>
<li><span>File 3</span></li>
</ul>
</li>
<li><span>File2</span></li>
</ul>
</div>
</div>
</body>
</html>
$(文档).ready(函数(){
$(“#导航”).treeview({
动画:“快”,
对,,
控件:“#树控件”
});
});
树测试
-
折叠1
-
子文件夹1
- 文件11
- 文件12
- 档案13
- 文件2
- 文件3
- 文件2
我已经查阅了这个堆栈溢出帖子:
这就是我脑子里想到剧本的地方。然而,它不会崩溃。在我的实际文件中,手风琴位于一个外部文件中,该文件使用
include
在每页上使用。我尝试在包含的文件和实际页面中使用脚本,但没有任何效果。请帮我关上这棵树!提前非常感谢大家 我也很难让崩溃:true
工作。相反,请尝试将data options=“state:'closed'”添加到
标记中。因此,如果要使“Folder1”最初折叠,它将如下所示:
-
文件夹1
这不适用于子节点,因此您必须对每个要折叠的树节点执行此操作。这非常有效!很抱歉耽搁了,我已经有一段时间没能回到原来的状态了。谢谢!