$('#selector').click(function() {
// here I would like to load a javascript file
// let's say /js/script-on-click-event.js
});
Is that somehow possible? I'm not sure but I remember reading about a function that does this in JQuery documentation but I cannot find it here, maybe it's been deprecated or I saw it elsewhere?
Basically what I want is to load a script on a click event.
Something like jQuery.getScript
$("#selector").click(function(){
$.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js");
});
getScript doesn't append anything to the DOM, but it will download the script and execute it every time getScript for the same URL is called. You should place your own safety mechanism to prevent such a thing.You can do the same using only javascript:
var script = document.createElement('script');
script.src = 'http://somesite.com/somescript.js';
script.type = 'text/javascript';
document.body.parentNode.appendChild(script);
A library that makes this work is LAB JS
