如何生成headJS后备

时间:2014-01-22 18:22:00

标签: javascript jquery performance head.js

如何在head load函数中正确实现headJS和Jquery的回退(如果CDN无法加载)?

我无法找到有关回退的文档。

http://headjs.com/

我的代码如下:(现在从CDN加载HeadJS和Jquery)

<script src="//cdnjs.cloudflare.com/ajax/libs/headjs/1.0.3/head.min.js"></script>
<script>
// this loads jquery asyncrounously & in parallel
head.load("//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js", "script1", "script2");
if (head.screen.innerHeight < 800) {
    /* code specific to VIEWPORT < 800 */
    head.load("{T_THEME_PATH}/footable/js/footable.min.js");
    head.ready(function () {
        // some callback stuff
        $('.footable').footable();
    });
}
</script>

1 个答案:

答案 0 :(得分:1)

这里的答案很有头脑.JS。运行测试并回退到像这样的其他东西

head.load({"jquery": "...path to cdn"});

然后

head.ready("jquery", function() {
    if (!window.jQuery) {
        head.load({"jquery": "...path to fallback"});
    }
});