CODEWITHSUNDEEP
javascriptjquery
Richard Knop
Richard Knop

Reputation: 83697

JQuery load script on event (click)

$('#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.

Upvotes: 5

Views: 18551

Answers (3)

andres descalzo
andres descalzo

Reputation: 14967

A library that makes this work is LAB JS

Upvotes: 1

Cleiton
Cleiton

Reputation: 18113

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

Upvotes: 9

vsync
vsync

Reputation: 130065

Something like jQuery.getScript

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

Upvotes: 9

Related Questions