Загрузите jQuery, подождите

Question

Мне нужно динамически загружать jQuery и jQuery UI из javascript, затем проверять, загрузился ли он, и делать что-то впоследствии.

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file

  var fileref=document.createElement('script');
  fileref.setAttribute("type","text/javascript");
  fileref.setAttribute("src", filename);
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link");
  fileref.setAttribute("rel", "stylesheet");
  fileref.setAttribute("type", "text/css");
  fileref.setAttribute("href", filename);
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref);
}


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

Я провел некоторое исследование и обнаружил, что мне нужно либо использовать обратный вызов, либо установить время ожидания. Проблема в том, что я действительно новичок в JavaScript, и это действительно доставляет мне неприятности. Кто-нибудь может направить меня в правильном направлении, пожалуйста?

Answer 1

Мне никогда не приходилось делать это самостоятельно, но, вероятно, вы могли бы просто использовать повторяющееся время ожидания для проверки наличия необходимых объектов:

function jqueryLoaded() {
    //do stuff
}

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

checkJquery();

Answer 2

Я почти уверен, что функция window.onload () должна срабатывать при загрузке всех сценариев. И вам не нужно связывать вещи с событием 'ready' в 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');
    }
}