Verknüpfungen für die ready () -Methode von jQuery

Habe ich einige Verknüpfungen für die ready () - Methode und würde gerne wissen, was eigentlich passiert, Erstens, weil meine test-Ergebnisse verwirren mich..

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

$(window).load(function(){
    alert("window ready");
});

(function($){
    alert("self invoke");
})(jQuery);

Hier selbst aufrufen, passiert zuerst, dann-Dokument, dann Fenster. Ist die selbst aufrufen Technik als ready() Methode?

InformationsquelleAutor der Frage Wilkins | 2010-10-11

  1. 89

    Die Dritte option ist nicht eine Abkürzung für .ready() (oder jQuery verwandten wirklich), die sich selbst aufrufen, läuft sofort (sobald es erscheint in der code) diese ist wohl die Verknüpfung, die Sie darüber nachdenken, obwohl:

    $(function(){
  alert("I'm a ready shortcut");
});

    Übergeben Sie eine Funktion in $(func) ist eine Abkürzung für $(document).ready(func);. Die no-Konflikt version würde so Aussehen:

    jQuery(function($) {
  //$ is jQuery
});

    InformationsquelleAutor der Antwort Nick Craver

  2. 13

    Nick Craver ist Recht, was er sagt, aber ich denke, es ist erwähnenswert, dass in diesem letzten Beispiel, dass es nicht wirklich etwas zu tun mit jquery auf alle. jQuery übergeben wird als parameter in der anonymen Funktion, aber die Funktion ist nicht etwas zu tun mit es.

    Dem letzten Beispiel ist äquivalent zu:

    (function(){
    alert("self invoke");
})();

    Und natürlich ist dies nur sofort den Aufruf der anonymen Funktion, sobald der entsprechende code-Zeile ist geschlagen und damit die Warnung. Es ist nicht das aufrufen jQuery auf alle, die ist, warum Nick hat Recht, wenn er sagt, es ist defintiely nicht einen ready () - Methode.

    InformationsquelleAutor der Antwort Chris

  3. 6

    Dieser Artikel hat eine gute Erklärung, wie die ersten beiden sind unterschiedlich:

    $(document).ready vs. $(window).load

    jQuery bietet zwei leistungsfähige Methoden, um code auszuführen, und befestigen Veranstaltung
    Handler: $(document).ready und $(window).load. Das Dokument bereit
    Ereignis wird ausgeführt, bereits, wenn das HTML-Dokument geladen und das DOM ist
    bereit, auch wenn alle Grafiken noch nicht geladen noch. Wenn Sie wollen
    Haken Sie Ihre Veranstaltungen für bestimmte Elemente vor dem Fenster lädt, dann
    $(document).ready ist der richtige Ort.

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

    Dem Fenster load-Ereignis ausgeführt, wird ein bisschen 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, 
  //including all frames, objects and images
  alert("window is loaded");
});

    InformationsquelleAutor der Antwort Hector Correa

Schreibe einen Kommentar