檢測是否加載了jQuery中的html（）

Question

如何檢查一個html是否被完全加載？然後我想做點什麼。如果：

$('#load').html(1); 

結束我要等待幾秒鐘，然後裝入另一個

$('#load').html(2); 

我怎麼能看到當HTML被完全加載？

Answer 1

html()是同步操作。

第二個html函數不會啓動，直到第一個完成。除非html正在加載一些動態內容？編輯： 它正在加載動態內容。在這種情況下，你可以這樣做，而不是：

$('#load').load('ajax/test.html', function() { 
    // callback runs when first load is finished 
    $('#load').load('ajax/test2.html'); 
}); 

Answer 2

$('#load').html(...).load(function(){ 
    // what to do when its loaded. 
}); 

Answer 3

使用ready()事件處理程序：

描述：指定要執行時，DOM完全加載的功能。

$(document).ready(function() { 
    // Do stuff with the HTML 
});