Question

我在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/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>

我已经查阅了这个堆栈溢出帖子：

Jquery treeview collapse except of root

这就是我在脑海里想到剧本的地方。但它不会崩溃。在我的实际文件中，手风琴位于使用include在每个页面上使用的外部文件中。我已尝试在包含文件和实际页面中使用该脚本，但没有任何作用。请帮我关上这棵树！非常感谢大家。

Answer 1

我也无法让collapsed: true工作。相反，请尝试将data-options="state:'closed'"添加到您的<li>代码中。所以，如果你想制作＆＃34; Folder1＆＃34;最初崩溃，它看起来像这样：

<div title="Tree Menu"> <ul id="navigation" class="easyui-tree"> <li data-options="state:'closed'"> <span>Folder1</span>

这不适用于子节点，因此您必须为要折叠的每个树节点执行此操作。

Jquery树倒塌的状态

1 个答案: