使用微調而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

回答

相關問題