jQuery width() falsch, sofort nach dem Dokument bereit?

Aus irgendeinem Grund $("...").width() wieder den falschen Wert sofort nach dem Dokument bereit.

Ich bin, sehen diese Werte:

Sofort nach dem Dokument bereit:

$(document).ready(function(){
  $("li.active a").width() //returns 76 - incorrect
});

$(document).ready(function(){
  $(window).load(function(){
    $("li.active a").width() //returns 59 - the correct value
  });
});

$(document).ready(function(){
  setTimeout(function(){
    $("li.active a").width() //returns 59 - the correct value
  }, 100);
});

Ich bin immer die Breite des wordpress-Menü-Einträge und skalieren, so dass Sie passen immer in meine responsive design. Es gibt keine Bilder oder Vermögenswerte, die bewirken soll dies ändern.

Update
Siehe mein Kommentar unten. Stellt sich heraus, es war eine Bereicherung, eine eingebettete schriftart, die war für einen Bruchteil einer Sekunde zu laden.

InformationsquelleAutor orourkedd | 2013-03-27
  1. 15

    Könnte es zu tun mit dem Mangel an $(window).load im ersten Beispiel.

    "Der Dokument bereit - Ereignis wird ausgeführt, bereits, wenn das HTML-Dokument ist
    geladen ist und der DOM fertig ist, auch wenn alle Grafiken noch nicht geladen
    noch. Wenn Sie wollen, um hook up Ihre Veranstaltungen für bestimmte Elemente vor
    das Fenster lädt, dann ist $(document).fertig ist der richtige Ort." *

    $(document).ready(function() {
 //executes when HTML-Document is loaded and DOM is ready
 alert("document is ready");
});

    "Der laden-Fenster Veranstaltung führt ein wenig später, wenn die Seite abgeschlossen ist
    voll geladen, einschließlich alle Bilder, Objekte und Bilder. Daher
    Funktionen, um Bilder oder andere Inhalt einer Seite platziert werden sollte
    in der load-Ereignis für das Fenster oder den content-tag selbst." *

    $(window).load(function() {
 //executes when complete page is fully loaded (all frames, objects and images)
 alert("window is loaded");
});

    *Zitate stammen aus 4loc.

    • Ich habe es herausgefunden... ich bin mit einer eingebetteten schriftart im Menü. Die Breite des dom-element ist bestimmt durch die Standard-schriftart des Browsers, bis die Schrift vollständig geladen ist. Irgendwie ist Ihre Reaktion erinnerte mich an die eingebettete schriftart!
    InformationsquelleAutor dsgriffin
Schreibe einen Kommentar