javascript - head.ready() 和 head.load() 有什么区别?

标签 javascript jquery head.js

使用 JS 加载器 head.js 我很难区分 head.ready() 和 head.load() 之间的细微差别。

head.ready('jquery.js', function(){//Do something});

对比

head.load('jquery.js', function(){//Do something});

据我所知,两者似乎都加载“jquery.js”,然后在加载时执行回调。但是,在实践中,我遇到了一些边缘情况,其中 head.load 在 Firefox 中无法按预期工作,这让我觉得我不明白在哪里使用 head.load 以及在哪里使用 head.ready。

最佳答案

阅读API似乎 head.load 加载了内容,但 head.ready 是一个事件监听器,你也可以向 head.load 添加一个回调也可以,但 head.load 是唯一可以真正加载资源的,head .准备好了。

编辑:一个例子

<html>
    <head>
        <script src="head.min.js"></script>
        <script>
            // this loads jquery asyncrounously & in parallel
            head.load("jquery.min.js");
        </script>
    </head>
    <body>
        <!-- some content-->

        <!-- injected via a module or an include -->
        <script>
            // some function that depends on jquery
            head.ready("jquery.min.js", function () {
                // this will only be executed once jquery has finished loading
                $(".main").hide();
            });
        </script>

        <!-- some content-->
    </body>
</html>

关于javascript - head.ready() 和 head.load() 有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20396455/

相关文章:

javascript - 如何从STL文件计算支持 Material 的体积?

Javascript addClass removeClass 未按预期工作

JavaScript - if 语句中 "Or"的简写

javascript - AngularJS Http Post 到 API

php - 如何根据句子结构在输入字段中创建多个自动完成?

jquery - head.js 和响应式网页设计

javascript - 使用 head.js 以正确的顺序正确加载脚本和依赖项?

javascript - 如何获取输入文本的内容?

javascript - 元素缺少子元素的 jquery 选择器

javascript - Uncaught ReferenceError : $ is not defined