Load Jquery, Wait

I need to dynamically load jQuery and jQuery UI from a javascript, then check if it has loaded and do something afterwards. function loadjscssfile(filename, filetype){ if (filetyp

Solution 1:

I've never had to do this myself, but presumably you could just use a repeating timeout to check for presence of the needed objects:

function jqueryLoaded() {
    //do stuff
}

function checkJquery() {
    if (window.jQuery && jQuery.ui) {
        jqueryLoaded();
    } else {
        window.setTimeout(checkJquery, 100);
    }
}

checkJquery();

Solution 2:

I'm pretty sure that the window.onload() function should trigger when all scripts are loaded. And you don't need to bind stuff to the 'ready' event in jQuery.

loadjscssfile("http://localhost/js/jquery-1.3.2.min.js", "js");
loadjscssfile("http://localhost/js/jquery-ui-1.7.2.custom.min.js", "js");

window.onload = function() {
    if(window.jQuery && jQuery.ui) {
        alert('loaded');
    }
}