was genau document-ready bedeutet, dass in jquery

Lassen Sie uns sagen, ich habe eine HTML-Seite, die enthält eine javascript-Datei:

Den base.js ist wie diese:

$(document).ready(function () {
   obj.init();
}

//..............

var obj = {...};

Überraschend, manchmal(nicht die ganze Zeit) Firebug zeigt mir die undefinierten Fehler auf obj.init() Anruf! Mein Verständnis ist, dass die document-ready bedeutet, dass alle html-Elemente, wie Bilder, javascript-Dateien heruntergeladen und ausgeführt(?).

Ich glaube, um zu finden, die Ursache für diesen Fehler, wir müssen verstehen, was genau die "Dokument bereit" bedeutet? jemand hat keine Einsicht?

============================

Update: vielleicht sollte ich nicht erwähnen, Bild hier, meine größte Sorge ist in Bezug auf die javascript-Datei im besonderen. Bedeutet "DOM vollständig aufgebaut" gehören "alle javascript-code ausgeführt"?

============================

Wieder ein Update: Es scheint, die Menschen hier einig, dass Ereignis "Dokument.bereit" WIRD NICHT ausgelöst, bis ALLE javascript-code bekam, heruntergeladen und ausgeführt. Also, Ursache des Problems unbekannt bleiben. Ich habe dieses Problem umgangen, nachdem ich umgezogen $(document).ready block auf der Unterseite der javascript-Datei.

  • ready !== load "document ready bedeutet, dass alle, einschließlich der Bilder, javascript-Dateien heruntergeladen und ausgeführt" ist insbesondere falsch.
  • ist Recht, "Dokument bereit" ist, hängt auf den browser, nicht auf JQuery.
  • Bilder sind nicht unbedingt geladenen Dokument.bereit.
InformationsquelleAutor curiousman | 2012-02-29
  1. 6

    Aus der Dokumentation der jQuery.ready():

    Während JavaScript bietet die load Ereignis für die Ausführung von code, wenn eine Seite gerendert wird, wird dieses Ereignis nicht ausgelöst werden, bis alle Elemente, wie Bilder wurden vollständig erhalten. In den meisten Fällen, wird das Skript ausgeführt werden kann, sobald der DOM-Hierarchie bereits vollständig angelegt. Die handler übergeben .ready() wird garantiert ausgeführt, wenn der DOM fertig ist, so ist dies in der Regel der beste Ort, um fügen Sie alle anderen event-Handler und andere jQuery-code. Bei der Verwendung von Skripts, die sich auf den Wert des CSS-style-Eigenschaften, ist es wichtig, Verweis auf externen stylesheets oder embed style-Elemente, die vor verweisen auf die Skripte.

    In den Fällen, wo der code basiert auf der belasteten Vermögenswerte (zum Beispiel, wenn die Abmessungen eines Bildes erforderlich sind), wird der code platziert werden soll in einem handler für das load Veranstaltung statt.

    • "Während JavaScript bietet das load-Ereignis für das ausführen von code, wenn eine Seite gerendert wird, wird dieses Ereignis nicht ausgelöst werden, bis alle Elemente, wie Bilder wurden vollständig erhalten.". hier "this event" beziehen sich auf "load" - Ereignis, nicht "ready" event, hab ich Recht? es hat nicht erwähnen, über die externe javascript-Datei, wenn..
    • Ja, die Dokumentation, die speziell Antworten auf Ihre Frage, was genau "Dokument bereit" bedeutet und wie unterscheidet es sich von dem Ereignis ausgeführt, wenn alle Dateien geladen sind. ready ist tatsächlich ein Ereignis spezifisch für jQuery (siehe hier), aber onload ist wirklich integriert in das JavaScript (siehe auf der Liste hier). Die jQuery - ready ist sehr nah an DOMContentLoaded (siehe Kompatibilitätsliste).
    • Vielen Dank für den Verweis auf "DOMContentLoaded", es beantwortet meine Fragen in Bezug auf Bilder, Stylesheet laden, während Ihr Dokument.ready-event-handler ausgelöst, Aber wieder, Sie haben keine Antwort auf meine Frage bezüglich javascript-code! mein Verständnis ist, dass DOM NICHT vollständig aufgebaut, BIS alle javascript-code heruntergeladen und ausgeführt! bin ich im Recht?
    • So weit wie wissen, ja. Es sei denn, natürlich, einige JavaScript nicht geladen werden da der Fehler. Also, im Grunde, bis die JavaScript-Dateien nicht laden (aufgrund der Tatsache, dass Sie geladen wurden, oder aufgrund der Tatsache, Ihr laden wurde abgebrochen), die Veranstaltung soll nicht ausgelöst werden.
    • Ja, selbst wenn die Vorlage heruntergeladen ist, es ist nicht geparst, bis die Javascript-Dateien heruntergeladen und ausgeführt.
    • so, Tadeck, basierend auf Ihrem Verständnis, dann meine obigen code, sollten Sie nicht irgendein problem haben, richtig? Ich den code vereinfachen, 'Ursache, die echten code hat Tausende von Zeilen. das Problem ist zufällig passiert und ich umging dieses Problem, nachdem ich zog das Dokument.ready-block an das Ende der javascript-Datei. so ich habe die Absicht zu glauben, dass es, bedingt durch einige bugs innerhalb der javascript-engine statt.
    • Danke, Guffa, ich verwende bewusst den Begriff "heruntergeladen und ausgeführt," statt "beladen", da gibt es zwei Phasen beteiligt. obwohl ich finde, dass browser javascript-code ausführen, sobald es heruntergeladen.

    InformationsquelleAutor Tadeck
  2. 2

    Den ready Ereignis wird ausgelöst, wenn das Dokument geladen und analysiert.

    Diese enthält alle Javascript-Dateien, aber nicht Bilder.

    Bereit-Ereignis passiert, nachdem das Dokument eingelesen wird. Einige Browser haben ein bestimmtes Ereignis für dieses, in anderen Browsern jQuery nutzt einen timer, der abfragt, den status des Dokuments. Dies bedeutet, dass das Ereignis geschieht entweder, sobald der gesamte Dokument geparst wird, oder etwas später, je nach browser. Dies ist normalerweise kein problem, da es nicht passieren vor etwas von dem Dokument geparst wird.

    Wenn alle Bilder geladen sein, bevor Sie etwas tun, sollten Sie die load Veranstaltung statt.

    • haben Sie eine Quelle zu unterstützen, was Sie gesagt haben über hier? wie "Dies enthält alle Javascript-Dateien, aber keine Bilder."? wenn ich Sie richtig verstehe, in diesem Fall, wie erklären Sie, dass firebug meldet "undefined" - Fehler für die variable ein Objekt?
    • +1 Sehr gute und ausführliche Antwort. Es gibt auch eine andere Antwort auf diese Frage, auch von Ihnen veröffentlicht wurden, Guffa: stackoverflow.com/a/3698214/548696. ready nur vereinfacht die Bestimmung der moment, wenn das DOM bereit ist.
    • nette Beschreibung
    InformationsquelleAutor Guffa
  3. 1

    Sollten Sie definieren obj vor, die darauf verweisen.

    Auch, zu dokumentieren.bereit bedeutet nicht, dass die Ressourcen geladen werden, nur, dass das Dokument analysiert, so dass die Ressourcen-Auslastung zwischen Dokument bereit und in der $(window).load Veranstaltung.

    • obj definiert ist, unter das Dokument.ready block, also das ist nicht das Problem.
    • $(document).ready(function () { obj.init(); }); var obj = {}; führen würde, kann Nicht rufen Sie die Methode init undefined, weil obj ist NICHT definiert im Rahmen der Funktion, die Sie bieten, um die jQuery ready Methode. Wie ist das nicht das Problem? Bitte geben Sie code. Aus Ihrem - code und Fehler gemeldet, es klingt wie Sie irrtümlich Dokument bereit, die ein DOM-Ereignis zu referenzieren von Objekten, die nicht in dem definierten Umfang.
    • var obj definiert außerhalb der Funktion, so, es ist Teil von window-Objekt, deshalb kann ich darauf verweisen innerhalb des Dokuments bereit.
    • Aber ist es definiert before Sie verweisen? Nein. Nachschlagen bevor und Sie bekommen keine undefinierten Methode, da das Objekt Zeitpunkt nicht vorhanden.. vorausgesetzt, Sie sind doch der Umgang mit "Firebug zeigt mir den undefinierten Fehler auf obj.init () - Aufruf!" ist der Fehler....
    InformationsquelleAutor meder omuraliev
Schreibe einen Kommentar