JQuery JSTree 加载为打开状态，然后最小化

Question

拳头，潜伏多年，希望这篇文章不仅对我有帮助。

所以我有一个使用非常少量的 JavaScript 为我的网站生成的 jstree。理想情况下，我希望页面仅加载并显示 2 个顶部文件夹。

然而，目前页面显示所有文件夹、子文件夹、文件等的名称大约需要 0.5 秒，然后才会切换到正确的视图。树结构中可能有大约 200 个项目

，我添加了一个手动 tree.bind ，它执行“close_all”，并且我还尝试隐藏它最终出现的 DIV。即使我在创建后放置了代码来显示 DIV树，在隐藏自己之前，它仍然显示出一切。

我正在使用 jsTree 1.0-rc3

大家有什么想法吗？

<script type="text/javascript">

(document).ready(function () {
    var tree = $("#sharepointHierarchy");
    tree.bind("loaded.jstree", function (event, data) {
    tree.jstree("close_all");
    });

    $("#sharepointHierarchy").jstree({
        'plugins' : [ "themes", "html_data", "types", "ui" ],
        'core' : {/* core options go here */},
    });
        document.getElementById("sharepointHierarchy").style.display="block";
});
</script>

Answer 1

我可以通过将以下代码添加到 function() 的末尾来掩盖这个问题。它相当简单，只是在显示之前给表格一些时间来加载。

setTimeout(function() {
    $("#sharepointDiv").show();
    },1200);

我希望这对其他人也有帮助。