Ändern Javascript-Methode JQuery

Question

So habe ich die folgende JQuery Aufruf einer JavaScript-Methode

$j("a.Pinterest").attr("href", "javascript:void(addScript());"); 

Und das ist die Javascript-Methode

function addScript() { 
    var e = document.createElement('script'); 
    e.setAttribute('type', 'text/javascript'); 
    e.setAttribute('charset', 'UTF-8'); 
    e.setAttribute('src', 'http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random() * 99999999); 
    return document.body.appendChild(e); 
} 

ich mich gefragt, ob es einen Weg, um alles zu haben in Jquery?

Answer 1

$j("a.Pinterest").attr("href", "javascript:void(addScript());"); 

Bitte tun Sie dies nicht. Ich schlage vor, einen Click-Handler zu verwenden.

$j("a.Pinterest").click(addScript); 

Und dann in Ihrem addScript Sie getScript verwenden können, um das Skript zu laden.

function addScript(e) { 
    e.preventDefault(); 
    $j.getScript('http://assets.pinterest.com/js/pinmarklet.js'); 
} 

Answer 2

http://api.jquery.com/jQuery.getScript/

$.getScript("http://assets.pinterest.com/js/pinmarklet.js") 
    .done(function(script, textStatus) { 
    console.log(textStatus); 
}) 

edit: ich nicht ausprobiert habe, nahm ich nur Ihre Adresse und warf ihn in den getScript Demo.

Answer 3

function addScript() { 
     return $('<script/>',{ 
          'type':'text/javascript', 
          'charset':'UTF-8', 
          'src':'http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random() * 99999999 
       }).appendTo("body")[0]; 
} 

Answer 4

Sie können Elemente in jQuery mit dem $ Selektor erstellen.

$('<script></script>') 

jQuery ist auch verkettbar, so können Sie dies haben kann:

$('<script></script>') 
    .attr({ 
     'type' : 'text/javascript', 
     'charset', 'UTF-8', 
     'src' : 'http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random() * 99999999) 
    }) 
    .appendTo(whatever) 

Wenn Sie bedingte Skript Laden tun, könnten Sie einen Blick auf die yepnope Bibliothek nehmen wollen.

Ich würde fragen, warum Sie dynamisch ein Skript auf die Seite bei einem Klick hinzugefügt werden. Scheint so, als würde das Skript bereit sein und darauf warten, dass der Benutzer darauf klickt. Wenn Sie sich Sorgen um die Ladezeit machen, aber das Skript-Tag am Ende der Seite, um das Laden zu verzögern.