动态加载jQuery和扩展

Question

动态加载jQuery和扩展

Max*_*ios 6 javascript jquery jquery-ui jquery-plugins

我正在尝试封装我使用jQuery,jQuery UI,jQuery Form和xmlDom构建的javascript.

我希望能够向我的客户端发送一个引用其他javascript的javascript,包括一小段用于选项设置的js.

在下面找一个例子:

<script language="javascript">
var myOptions = {
   shop: 1,
   style: "gold"
}
load();
</script>
<script src="http://myServer/myScript.js" type="text/javascript"></script>

Run Code Online (Sandbox Code Playgroud)

我几乎不可能动态加载jQuery和插件.我读了很多例子,当我动态加载它时,jQuery工作正常,但其余的扩展从未正常工作.以下序列是加载至少几个插件的唯一序列:

设置一个动态加载jQuery的加载函数:

load = function() {
    load.getScript(url_base + "/js/jquery-1.3.2.js");
    load.tryReady(0); 
}
load.getScript = function(filename) {
  var script = document.createElement('script')
  script.setAttribute("type","text/javascript")
  script.setAttribute("src", filename)
  if (typeof script!="undefined")
  document.getElementsByTagName("head")[0].appendChild(script)
}
load.tryReady = function(time_elapsed) {
  // Continually polls to see if jQuery is loaded.
  if (typeof $ == "undefined") { // if jQuery isn't loaded yet...
    if (time_elapsed <= 5000) { // and we havn't given up trying...
      setTimeout("load.tryReady(" + (time_elapsed + 200) + ")", 200); // set a timer to check again in 200 ms.
    } else {
      alert("Timed out while loading jQuery.")
    }
  } else {
    ...
  }

Run Code Online (Sandbox Code Playgroud)

之后加载每个插件,jQueryForm,jQuery UI,xmlDom

当我检查jQuery表单时,它可用: