2010-12-14 8 views
5

$(document).ready() Führt den Code aus, nachdem alle HTML-Elemente geladen wurden.Führen Sie jQuery-Code aus, nachdem alle CSS-Regeln angewendet wurden.

Wie wird der jQuery-Code ausgeführt, nachdem alle CSS-Regeln angewendet wurden?

Ich habe einige Stylesheets mit der Seite verknüpft und es dauert einige Zeit, um die Seite zu laden. Das Elementlayout ändert sich während der Ladezeit.

Aus Gründen der Benutzerfreundlichkeit muss ich das Layout des Elements korrigieren, nachdem alle Zielgrößen haben. Ansonsten bekomme ich falsche Größen dieser Elemente.

Jetzt mache ich es im Fokus oder nach einem Timeout, aber das muss nach dem Laden der Seite.

+0

$ (document) .ready() Diese Linie bedeutet, dass die jQuery nur einmal geladen, um Ihre gesamte Seite ausgeführt wird beginnen soll. Möglicherweise liegt ein Problem mit dem CSS vor. –

+0

window.load sollte tun, wird es bis alle Bilder lädt auch – kobe

Antwort

10

$(window).load() feuert, nachdem die ganze Seite (Bilder, CSS, etc.) geladen wurde.

+0

@takeshin einige Beispielcodes post –

+0

Danke, ich spielte mit '$ (Dokument) .load()', aber ich brauchte nur $ (Fenster). load() ' – takeshin

+0

@Emmett Wie würde ich das erreichen, wenn ich CSS dynamisch einspreche? Vielen Dank – Kragalon

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

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

alert("window is loaded"); 

});