使用微调而DIV加载到DOM

可能重复：
How to show loading spinner in jQuery?使用微调而DIV加载到DOM

我有一个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" ] 
    }); 
});

来源

2012-11-23 ndesign11

没有重复，这是对AJAX。 – ndesign11

我想你可以！

首先，您的语法似乎无效。你div的开头标签不会被关闭;您错过了>。

您可以在默认情况下启用微调器，并在使用回调加载内容时禁用微调器。我不知道任何关于jstree，但根据它的documentation你可以设置一些回调方法。

来源

2012-11-23 15:17:29

我没有看到任何丢失的“>” – ndesign11

@MattCharlton它以前做过。我想有人编辑过它。 –

根据文档，您可以将事件绑定到树创建，就像这样：

$(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" ] 
     } 
    ); 

});

来源

2012-11-23 15:25:25

使用微调而DIV加载到DOM

回答

相关问题