JsTree

Question

我有一个 JS 树，下面是 html 和 select 单击按钮后的节点的 js。现在，我想知道如果将树放置在可折叠面板中并隐藏（ div -> #tree) 按钮放在外面。我试过了，但没用。

假设一开始只有父级可见。

<div>
<button onclick="select()">
Sample
</button>
<div id="tree" style="width:40%; float:left;"></div>
</div>

$(function () {
    $("#tree")
    .jstree({
        "core": {
            "data": [{"text":"Parent","children":[{"id" : "nodeId", "text":"Child1"}]}]
        }
    });
});

function select() {
    $("#tree").jstree(true).select_node("nodeId");
}

Answer 1

只要您将 javascript 放在标记之前，一切正常。否则按钮不知道 select 函数，因为它是稍后声明的。您可以在浏览器控制台上看到此错误。

以下是如何让它发挥作用 - JS Fiddle demo。

JsTree - Select 面板隐藏时的节点

JsTree - Select node when the panel is hidden

jquery