Loading jQuery script on click event

Question

$('#selector').click(function() {
    // here I would like to load a javascript file
    // let say /js/script-on-click-event.js
});

How is this possible? I'm not sure, but I remember reading about the function that does this in the jQuery documentation, but I can’t find it here, maybe it is deprecated or I saw it elsewhere?

Basically, I want to load the script into the click event.

Answer 1

Something like jQuery.getScript

$("#selector").click(function(){
  $.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js");
});

Answer 2

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);

Answer 3

The library that does this work, LAB JS