Adding a script reference into a page using jQuery

Question

Hi,

I need to dynamically add a script reference, so I do this:

jQuery('html head').append("<script src='somesource.com/somejs.js'><\/script>")

and it does't work - I don't get any errors but I can't execute any of the methods defined inside that script.

Any ideas what I am doing wrong?

Thanks! Andrey

Answer 1

You need a type='text/javascript':

jQuery('html head').append("<script type='text/javascript' src='somesource.com/somejs.js'><\/script>")

Answer 2

Without seeing the script in context, it is hard to say, but possibilities include:

1. You have the URL wrong (you have what appears to be a domain name, but no protocol in the URI)
2. You are trying to use the functions without allowing time for the browser to download and run the script (so they aren't defined at the time you call them)

Answer 3

jQuery has a getScript method:

$(document).ready(function() {
  $.getScript('somesource.com/somejs.js');
});