Script mit JavaScript nachladen (jQuery)

Einfache Methode mit $.getScript()

Die Funktion

Diese Funktion ermöglicht es dir Scripte im laufenden Betrieb zu laden. Wenn das Script fertig geladen wurde, wird die Callback-Funktion ausgeführt.

$.getScript("js/owl.carousel.min.js", [Callback])

Ein gutes Beispiel ist eine Slider-Klasse. Die Slider.js wird nachträglich geladen und nach erfolgtem Ladevorgang wird der Slider initialisiert.

Verwendet wird das ganze folgendermaßen:

$(document).ready(function () {

   if ($(".slider").length >= 1) {

      $.getScript("js/Slider.js", function () {

         $(".slider").slider({

            loop: 1,

            timeout: 5000,

         });

      });

   }

});

In diesem Beispiel wird geprüft ob ein Container mit der Klasse "slider" existiert und nur wenn ja, dann wird die Slider.js nachgeladen.

Dies kann sich beim Pagespeed äußerst positiv auswirken.