Question

可能重复：
How to show loading spinner in 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一无所知，但根据documentation，您可以在某些方法中设置回调。

div加载到DOM时使用微调器

2 个答案: