Was passiert, wenn Sie zwei jQuery $ (document) .ready Aufrufe in zwei JavaScript-Dateien haben, die auf derselben HTML-Seite verwendet werden?

Ich habe eine Frage zu jQuery $(document).ready

Sagen wir, wir haben eine HTML-Seite, die enthält 2 JavaScript Dateien

<script language="javascript" src="script1.js" ></script>
<script language="javascript" src="script2.js" ></script>

Sagen wir nun, dass in diesen beiden Skript-Dateien haben wir $(document) wie folgt

Innen script1.js:

$(document).ready(function(){
    globalVar = 1;
})

Innen script2.js:

$(document).ready(function(){
    globalVar = 2;
})

Nun meine Fragen sind:

  1. Werden diese beiden ready-Ereignis-Funktion gefeuert ?
  2. Wenn ja, was wird die Reihenfolge, in der Sie gefeuert, da die
    Dokument wird bereit sein, zur gleichen
    Zeit für Sie?
  3. Ist dieses Vorgehen empfehlenswert, ODER sollten wir im Idealfall nur 1
    $(document).bereit ?
  4. Ist die Reihenfolge der Ausführung derselben in allen Browsern (IE,FF,etc)?

Danke.

InformationsquelleAutor der Frage testndtv | 2011-06-22

  1. 34
    1. Werden diese beiden ready-Ereignis-Funktion gefeuert ?

    Ja, Sie werden beide gefeuert.

    1. was wird die Reihenfolge, in der Sie gefeuert, da das Dokument wird bereit sein, zur gleichen Zeit für beide von Ihnen?

    In der Art, wie Sie angezeigt werden (von oben nach unten), weil das ready event ausgelöst wird, sobald, und alle Ereignis-Listener wird benachrichtigt eine nach der anderen.

    1. Ist dieses Vorgehen empfehlenswert, ODER sollten wir im Idealfall nur 1 $(document).bereit ?

    Ist es OK, es zu tun so. Wenn Sie haben, können Sie in den gleichen block von code, es wäre einfacher zu verwalten, aber das ist alles dort ist zu ihm. Update: Anscheinend habe ich vergessen zu erwähnen, erhöhen Sie die Größe der JavaScript-code, wenn Sie diese in mehrere Dateien.

    1. Ist die Reihenfolge der Ausführung derselben in allen Browsern (IE,FF,etc)?

    Ja, weil jQuery nimmt die cross-browser-Normalisierung bei der hand.

    InformationsquelleAutor der Antwort Shef

  2. 9

    Siehe hier: jQuery - ist es schlecht, mehrere $(document).bereit(Funktion() {}); und hier: Tutorials:Mehrere $(document).ready()

    1. Ja
    2. Reihenfolge befestigen. jQuery intern unterhält eine readyList mit Latenten - Objekte.
    3. Es ist teilweise eine Frage des Geschmacks. Mit eine ready-handler geben Sie einen schönen überblick über alles, was geschieht, während mehrere (d.h., eine pro Datei enthalten) wird Ihr code viel mehr modular (D. H., Sie können einschließen oder entfernen eines .js Datei und sicher sein, dass Sie liefert und bindet seine eigene ready-handler).
    4. Ja - Reihenfolge anfügen.

    InformationsquelleAutor der Antwort jensgram

  3. 2

    Können Sie zählen auf beiden Handler wird ausgeführt, in der Reihenfolge Ihrer Skript-Integration und globalVar wird 2 nach dem zweiten Skript-Referenz, die in einer beliebigen aktuellen browser.

    InformationsquelleAutor der Antwort Dave Ward

  4. -1

    Wenn Sie wollen die volle Kontrolle empfehle ich nur eine $(document).ready();

    Wenn Sie Last teilweise Teile von HTML durch ajax und die ajax-Antwort enthält ein $(document).ready (); von der Skript, und Sie möchten, um Feuer $(document).ready(); von script1.js, script2.js und so weiter in den ajax-callback.. Man muss doppelte MENGE code....

    Glück!

    /$(window).ready(); 😉

    InformationsquelleAutor der Antwort Kevin Adolfsson

  5. -1
    1. Beide werden gefeuert
    2. Der Wert der variable wird 2 wenn alle der Staub gelegt hat.
    3. Die wichtigste, die nicht empfohlen wird, ist mit 2 unterschiedlichen JS-Dateien, Google PageSpeed und Yahoo YSlow empfiehlt, ist es am besten, um alle Ihre Javascript-codes in die gleiche Datei.
      soweit gleichen event-Handler, nun, ganz ehrlich, ich sehe keinen Grund, das zu tun, und es wird nur die Lesbarkeit des Codes lousier.
    4. Ich habe keine Antwort für, die.

    InformationsquelleAutor der Antwort Itai Sagi

Schreibe einen Kommentar