Javascript jsTree根据最初选择的参数的顺序展开节点？_Javascript_Tree_Treeview_Jstree

Javascript jsTree根据最初选择的参数的顺序展开节点？

javascript tree

Javascript jsTree根据最初选择的参数的顺序展开节点？,javascript,tree,treeview,jstree,Javascript,Tree,Treeview,Jstree,我正在使用jsTree jQuery插件。我有一个问题，我的树开始最初扩展这是用户在加载页面时看到的内容：这是我希望用户看到的：下面是我用于测试的HTML。我发现这种行为是由initially\u select参数的顺序决定的。当我有'initially_select'：['2'，'1']时，树最初显示为展开的。当我有'initially_select'：['1'，2']时，树最初显示为关闭。通过首先选择最顶端的节点，树将保持关闭状态。然而，在我的实际用例中，我的节点上有有意义的id，

我正在使用jsTree jQuery插件。我有一个问题，我的树开始最初扩展

这是用户在加载页面时看到的内容：

这是我希望用户看到的：

下面是我用于测试的HTML。我发现这种行为是由

initially\u select

参数的顺序决定的。当我有

'initially_select'：['2'，'1']

时，树最初显示为展开的。当我有

'initially_select'：['1'，2']

时，树最初显示为关闭。通过首先选择最顶端的节点，树将保持关闭状态。然而，在我的实际用例中，我的节点上有有意义的id，它们不容易排序；我没有[简单的]方法来轻松确定哪些项目是我树中的“最顶端”

我已经尝试了建议的解决方案。我在

loaded.jstree

回调中调用了

close\u all

，但似乎加载的事件回调在选择最初选择的

项之前运行。因此，jsTree关闭所有节点（已经关闭），然后选择几个节点，使其中许多节点再次展开
我只想在用户加载页面时让jsTree完全折叠
以下是用于演示的HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
    <title>jsTree Test</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
    <div id="my_tree">
    <ul>
        <li>
        <a id="1">Item 1</a>
        <ul>
            <li><a id="2">Item 1.1</a></li>
        </ul>
        </li>
    </ul>
    </div>
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="jquery.jstree.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#my_tree').jstree(
                {'plugins': ['themes', 'checkbox', 'html_data', 'ui'],
                'checkbox': {'override_ui': true, 'real_checkboxes': true},
                'ui': {'initially_select': ['2', '1']},
                'themes': {'icons': false}}
            );
        });
    </script>
</body>
</html>


jsTree测试


项目1

项目1.1



$（文档）.ready（函数（）{
$（“#我的树”）.jstree(
{'plugins'：['themes'，'checkbox'，'html_data'，'ui']，
'checkbox'：{'override_ui'：true，'real_checkbox'：true}，
'ui'：{'u select'：['2'，'1']}，
'themes'：{'icons'：false}
);
});
尝试用jquery 1.6.4测试它
我在jQuery1.7.x中使用jstree时遇到问题，不得不恢复到1.6.4