jquery - 在 div 加载到 DOM 时使用微调器

Question

可能重复：
如何在 jQuery 中显示加载微调器？

我有一个div里面有很多东西，并且不能顺利加载到 DOM 中。有没有一种方法可以像您在 AJAX 调用中看到的那样添加微调器？这是我当前的代码。

<h4>Network Printers</h4>
<div id="demo1" class="demo">
    <ul class="printer-tree">
        <li>Many List Items</li>
    </ul>
</div>
<div class="spinner" style="display:none;"></div>

$(function () {
    $("#demo1").jstree({ 
        "plugins" : [ "themes", "html_data", "checkbox", "sort", "ui" ]
    });
});

Answer 1

根据文档，您可以将事件绑定到树的创建，如下所示：

$(function () {

    $("div.spinner").show();

    $("#demo1").bind("loaded.jstree", function (event, data) {
        // tree has been loaded
        $("div.spinner").hide();
    }).jstree(
        { 
            "plugins" : [ "themes", "html_data", "checkbox", "sort", "ui" ]
        }
    );

});

Answer 2

我想你可以！

首先，您的语法似乎无效。div 的开始标签没有关闭；您缺少一个>.

您可以默认启用微调器，并在使用回调加载内容时禁用它。我对此一无所知，jstree但根据它的文档，您可以在某些方法中设置回调。