webentwicklung-frage-antwort-db.com.de

Alternative für die Funktion "$ (document) .ready"

Ich verwende Fancybox in einer Aspx-Seite. Die Dokumentbereitschaftsfunktion funktioniert auf dieser Seite für eine Lightbox nicht. Jemand sagte mir, ich solle einen neuen Javascript-Code schreiben, um die Lightbox auf dieser Seite zu laden.

17
user1662341
  • Fügen Sie jQuery hinzu. 
  • Überprüfen Sie die Netzwerkregisterkarte, dass Sie nicht 404 erhalten. 
  • Überprüfen Sie die Konsole, dass Sie nicht "$ is unknown" erhalten.

Machen Sie Sachen, wenn DOM fertig ist.

$(function(){
   // DOM Ready - do your stuff 
});
34
user338195

Versuche dies:

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

Funktioniert in modernen Browsern und IE9 +

24
Symba

Sie können die standardmäßige js-Onload-Funktion verwenden, um das auszuführen, falls es Ihnen fehlt.

window.onload = function() {};

Beachten Sie, dass dies zu Problemen mit Bibliotheken führen kann - ich habe das nicht untersucht.

7
LasseValentini

am besten ist es, so zu verwenden:

jQuery.noConflict();
(function($) {
  $(function() {
   // by passing the $ you can code using the $ alias for jQuery
   alert('Page: ' + $('title').html() + ' dom loaded!');
  });
})(jQuery);
3
harshal lonare

Ich glaube, dass das Skript defer die beste Lösung ist. Zum Beispiel,

<script src="demo_defer.js" defer></script>

Weitere Informationen unter W3 Schools .

0
Mark Jackson