zweiter $ (document) .ready Ereignis jQuery

Question

ich mit $ (document) .ready () einige externen jQuery bin mit Anzeigen einzufügen, nachdem das Dokument bereit Ereignis ausgelöst hat, so etwas wie:

$(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
});

Dies ist die Benutzeroberfläche zu verhindern, durch den langsamen Laden der Anzeigen blockiert werden. Bisher es gut funktioniert.

Jetzt brauche ich noch ein paar Anzeigen obwohl unser CMS-System einzuführen, das nicht Teil der externen JS-Datei sein kann, so frage ich mich kann ich ein zweites Dokument bereit Ereignis verwenden, und setzen Sie sie ein Inline-Skript-Tag? Wenn ja, was wird die Reihenfolge der Ausführung des externen JS-Dokument bereit Ereignis zuerst oder der Inline-Skript sein?

Answer 1

Sie können beliebig viele Ereignismethoden verwenden, wie Sie wollen, schließt sich jquery sie in einer Warteschlange. Reihenfolge der Methodenaufruf ist die gleiche wie Definition Ordnung -. Zuletzt zuletzt aufgerufenen hinzugefügt wird

Eine nützliche Sache kann auch sein, dass, können Sie HTML-Code mit Skript mit Ajax und laden, wenn Code in DOM $ () geladen wird. Bereit () wird auch genannt wird, so dass Sie Anzeigen dynamisch laden können.

Answer 2

Ja, das Hinzufügen mehrerer $ (Dokumente) .ready () s ist kein Problem. Alle werden auf dem Bereitschafts Ereignisse ausgeführt werden.

Beachten Sie jedoch, dass Ihr Codebeispiel ist falsch. $ (Document) .ready () nimmt eine Funktion, keinen Ausdruck. So können Sie es sollte so eine Funktion füttern:

 $(document).ready( function() {
  $('#leaderboard').html("<strong>ad code</strong>");     
 });

wird diese Funktion ausgeführt werden, wenn das Dokument fertig gestellt ist.

Answer 3

hier ein kleines Tutorial auf Multiple Document Bereit

Answer 4

  

Ein zusätzlicher Bonus der jQuery Weg ist   dass Sie mehr bereit haben ()   Definitionen. Dies ist der Fall mit allen   jQuery Ereignisse.

     

$ (document) .ready (function () {   alert ( "Number One"); });

     

$ (document) .ready (function () {   alert ( "Nummer zwei");

Answer 5

JQuery ruft die bereit Funktionen in der Reihenfolge, wie sie definiert sind. Wenn Sie einige Daten zu laden, erste und deleay Ausführung Verwendung holdReady () .