2010-12-14 60 views
5

$(document).ready()當所有HTML元素都被加載時執行代碼。在應用了所有CSS規則後執行jQuery代碼

如何在所有CSS規則應用後執行jQuery代碼?

我有幾個樣式錶鏈接到頁面,它需要一些時間來加載頁面。加載時元素佈局會發生變化。

出於可用性目的,我需要在所有元素佈局具有目標尺寸後更正元素佈局。否則,我會得到這些元素的大小錯誤。

現在我在焦點上或者在一些超時後執行它,但是在頁面加載之後需要這個。

+0

$(文件)。就緒() 這行的意思了jQuery應該只開始執行,一旦您的整個頁面加載。 CSS可能存在問題。 – 2010-12-14 16:22:20

+0

window.load應該這樣做,直到所有的圖像加載也 – kobe 2010-12-14 16:23:21

回答

10

$(window).load()在整個頁面(圖像,CSS等)加載後觸發。

+0

@takeshin張貼一些示例代碼 – 2010-12-14 16:28:43

+0

謝謝,我正在玩'$(document).load()',但我只需要'$(窗口)。 load()' – takeshin 2010-12-14 16:35:10

+0

@Emmett如果我動態注入CSS,我會如何得到這個工作?謝謝 – Kragalon 2016-04-18 06:29:42

1
$(window).load(function() { 

// executes when complete page is fully loaded, including all frames, objects and images 

alert("window is loaded"); 

});