Javascript: Load External JS file inside JS File

Question

I'm trying to load an external Javascript file from a website to a local js file.. i've tried this

(function($) {  

  $("head").append('<script type="text/javascript" src="http://URL_TO_SITE/jquery.acornmediaplayer.js"></script>');

  setTimeout(function() {
    $('.jvideo').acornMediaPlayer();     

  }, 2000);

})(jQuery);

but it gives me

[object Object] has no method acornMediaPlayer

i've also tried $.getScript but it gives me the same result

Do you get the same error, after removing settimeout

Ani
– Ani

2014-01-15 14:19:14 +00:00
Commented Jan 15, 2014 at 14:19 — Ani
– Ani, Commented Jan 15, 2014 at 14:19

epascarello · Accepted Answer · 2014-01-15 14:19:04Z

4

My guess is you did not use getScript correctly.

jQuery.getScript( url, success);

There is a success callback when it is done. Add the function call in there and do not use the timeout.

$.getScript("http://URL_TO_SITE/jquery.acornmediaplayer.js", function(){
    $('.jvideo').acornMediaPlayer();
});

answered Jan 15, 2014 at 14:19

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mohamed Emad Hegab Over a year ago

actually i used it that way exactly and the funny thing is.. it's working when i put the script locally and use append to the head

epascarello Over a year ago

So you get the same error that acornMediaPlayer is not defined? Or is it the items do not load?

Mohamed Emad Hegab Over a year ago

acornMediaPlayer is not defined?

epascarello Over a year ago

Not sure what your problem is since this loads with no error: jsfiddle.net/FQX2w

Mohamed Emad Hegab · Accepted Answer · 2014-01-16 08:59:00Z

0

ok i got the problem.. it suppose to be putted inside $(window).load like this

$(window).load(function(){
    (function($) {  

  $("head").append('<script type="text/javascript" src="http://URL_TO_SITE/jquery.acornmediaplayer.js"></script>');

  setTimeout(function() {
    $('.jvideo').acornMediaPlayer();     

  }, 2000);

})(jQuery);
});

voila

answered Jan 16, 2014 at 8:59

Mohamed Emad Hegab

2,6758 gold badges39 silver badges66 bronze badges

Collectives™ on Stack Overflow

Javascript: Load External JS file inside JS File

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related