Laden eines externen Skripts nach dem Laden der Seite mit jQuery

Question

Ich bin ein wenig verwirrt, wie ich das machen soll, im Grunde genommen habe ich eine Seite, auf der über JavaScript ein Facebook Share Button eingefügt ist:

Das Problem ist, dass es den Seitenaufbau an dieser Stelle blockiert. Wie kann ich dieses Tag nach dem Seitenaufbau einfügen und das Skript trotzdem ausführen lassen? Ich würde das gerne auf eine unauffällige Art und Weise machen, Ideen?

Answer 1

Verwenden Sie den jQuery getScript Befehl innerhalb von $(document).ready. Dadurch wird das Skript nach dem Laden der Seite heruntergeladen. Beispiel:

$(document).ready(function() {
    $.getScript("http://static.ak.fbcdn.net/connect.php/js/FB.Share", function() {
        alert("Skript heruntergeladen und ausgeführt.");
    });
});

Answer 2

Sie könnten jquery.getScript verwenden, um es asynchron zu laden.

Answer 3

Versuchen Sie etwas Ähnliches:

$(document).ready(function() {
    var script = document.createElement( 'script' );
    script.src = "http://static.ak.fbcdn.net/connect.php/js/FB.Share";
    script.onload=optionallyDoSomethingWithTheScriptYouJustLoaded();//nicht erforderlich
    var headID = document.getElementsByTagName("head")[0];         
    headID.appendChild(script);
 });

Answer 4

Das Skript-Tag einfügen in den DOM als Rückruf des document ready Ereignisses.

Answer 5

Sie könnten etwas ähnliches tun:

$(function() {
  $.getScript('http://static.ak.fbcdn.net/connect.php/js/FB.Share', function() {
    //hier nichts tun
  });
});