ansaurus

Question

is concatenating the only way to 'import' one JS lib from another?

Answer 1

A:

It seems that there is just a conflict regarding the jQuery variable. Are you using the noConflict mode in your script? You should do that anyways since you don't know what other frameworks the 3rd-party site is using already.

To use the jQuery noconflict mode (after jQuery is loaded):

$.noConflict();
     jQuery(document).ready(function($) {
     //your js widget here
});

A 2nd thing I would implement is checking if jQuery is already loaded. It may be that a 3rd-party site is already using it:

if (typeof jQuery == 'undefined') {
        //load jQuery here
}

bobsoap 2010-04-21 06:09:32

Answer 2

+2 A:

In your script, your widget code is immediately executed after the script element is appended, but it needs to wait until the script is also download and compiled! To achieve this, use this code:

script.onload = function(){

    // ------ Your widget code here ------

}

Vincent 2010-04-21 09:18:00

Thanks, Vincent - worked as advertised. Bonus question: how to extend the above to wait for multiple JS files to load? i.e. do I extend the above with:`var script2;script.onload = function(){//load 2nd library after 1st one is done loadingscript2 = document.createElement('script');script2.src = 'http://3rdparty.com/anotherlib.js';script2.type = 'text/javascript';document.getElementsByTagName('head')[0].appendChild(script2);}script2.onload = function(){//my widget code that depends on both 'script' and 'script2'} `

Nikita 2010-04-22 00:06:19

Yes, exactly. But most developers say you shouldn't load more than one external script via js, because then it takes very long until the final script is executed.

Vincent 2010-04-22 08:13:02

ansaurus

tags:

views:

answers:

is concatenating the only way to 'import' one JS lib from another?

related questions