4

我需要从 javascript 动态加载 jQuery 和 jQuery UI，然后检查它是否已加载并在之后执行某些操作。

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");

我做了一些研究，发现我需要使用回调或 settimeout。麻烦的是我真的是 javascript 的新手，这真的让我很难过。任何人都可以让我朝着正确的方向前进吗？

4

2 回答 2

19

我自己从来不需要这样做，但大概你可以使用重复超时来检查所需对象的存在：

function jqueryLoaded() {
    //do stuff
}

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

checkJquery();
于 2010-01-06T09:35:31.817 回答
1

我很确定window.onload()函数应该在加载所有脚本时触发。而且您不需要将东西绑定到readyjQuery 中的 ' ' 事件。

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');
    }
}
于 2010-01-06T10:14:08.497 回答