2013-03-22 11 views
18

Dies ist wahrscheinlich schon eine Frage irgendwo, aber ich kann es nicht finden, wie jede einzelne Suche jQuery Fragen auftaucht.

Ich bin auf der Suche nach einer bewährten Methode zum Binden an das Dokument bereit sein, ähnlich wie jQuery $(document).ready(). Dies ist jedoch für eine Seite "nur moderner Browser" mit sehr leichtem Javascript, und ich möchte hier vermeiden, jQuery zu laden.

Würde mich jemand freundlich in die richtige Richtung weisen?

Danke!

+0

Dieses wurde schon ein paar Mal gefragt. Bitte suchen Sie vor dem Absenden einer Frage http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery http://stackoverflow.com/questions/9899372/pure-javascript-equivalent-to-jquerys -ready-how-to-call-a-function-when-the – rzr

+0

@rzr Lesen Sie die Frage. Ich habe Seiten mit Fragen durchsucht und hatte Schwierigkeiten, die Antwort zu finden. –

+1

@rzr Darüber hinaus bietet die Frage, die Sie verknüpft, nur Cross-Browser-Lösungen, ich bin auf der Suche nach einer bestimmten Teilmenge. –

Antwort

27
document.addEventListener('DOMContentLoaded', function() { 
    /* ... */ 
}); 

Die Veranstaltung "DOMContentLoaded" wird gefeuert werden, wenn das Dokument vollständig analysiert wurde, ist, dass ohne Stylesheets * und weitere Bilder. Wenn Sie auf Bilder und Stylesheets warten müssen, verwenden Sie stattdessen "load".

* nur wenn <script> vor dem <link rel="stylesheet" ...>

+1

Ich werde akzeptieren, wenn ich kann - eingesteckt, funktioniert wie ein Charme! Vielen Dank. –

+1

@RandyHall: Gern geschehen. Vielleicht möchten Sie sich https://github.com/addyosmani/jquery.parts/blob/master/jquery.documentReady.js ansehen (es ist kein jQuery-Plugin, sondern ein unabhängiger Teil von jQuery). – Zeta

+1

window.addEventListener ('laden') sieht aus wie der Weg zu gehen: http://stackoverflow.com/questions/16404380/why-doesnt-document-addeventlistenerload-function-work-in-a-greasemonkey-s –

Verwandte Themen