我可以在按钮点击时显示/创建jsTree吗？

我有一个div id="result" ，用于显示用户操作的结果。 我也把纯文本和HTML放在那里。 在每个用户操作之后，该div将被新results覆盖。

现在我想在这个div里面显示一个jsTree的实例我有工作的jsTree在页面加载时很好地加载但是在我的结果div中插入

之后它没有加载。

我尝试过以下两行，但都没有效果。

  $("#tree").jstree("loaded"); $("#tree").jstree("refresh"); 

知道如何让jsTree显示后按钮点击吗？ 请在jsfiddle上播放 ，你可以看到一棵树，我想在点击按钮后显示另一棵树。 我是在树后而不是文本。

在将hstree div放入html之后，我想我需要重新加载或刷新树。

Answer 1

tree2不是首先创建的，因为当你调用’$（“＃tree2”）时，

不存在.jstree’。

因此，当您按下按钮时，第一个树正确刷新，但由于上述原因，未显示tree2。

在按下按钮时，您必须通过调用’$（“＃tree2”）。jstree’来重新创建tree2，或者当您调用$("#tree2").jstree时，您可以隐藏

$("#tree2").jstree 。 我刚刚更新了你的小提琴（ http://jsfiddle.net/fmn6g/10/ ），所以你可以试试。

Answer 2

要在Button Click上实现，只需执行以下操作：

请记住将button-id更改为button-id的实际id 。

希望这可以帮助。