javascript - 按需加载 JavaScript

Question

我正在使用 jQuery 和 jQuery mobile。

我认为这两个库都是通过 ATT 的互联网下载到我的 iPhone 上的，速度很慢。

所以我想知道是否有一些框架来处理它并将文件 trim 到我在页面中使用的功能所需的大小？

还有 CSS 文件吗，它也可能很胖？

谢谢

Answer 1

将其插入您的 JavaScript 中:

var LoadedScripts = new Array();

jQuery.getScript = function(url, callback, cache){
  if ($.inArray(url, LoadedScripts) > -1) {
    callback();
  }
  else {
     LoadedScripts.push(url);       
     jQuery.ajax({
      type: "GET",
      url: url,
      success: callback,
      dataType: "script",
      cache: cache
    });
  }
};

如何使用:

function YourFunction() {
   jQuery.getScript('path/to/your/script.js',function(){  
     // your code here - the script has loaded
   },true);
}

更改“true”以关闭缓存并强制重新加载文件(对 CSS 有用)

function YourFunction() {
   jQuery.getScript('path/to/your/script.js',function(){  
     // your code here - the script has loaded
   },false);
}