Modernizr 何时加载脚本？

Question

我已经实现了这段代码：

<script>
       var mod_PPfix = false;

        Modernizr.load({
            test: Modernizr.csstransitions && Modernizr.input.required,
            nope: ['script1.js', 'script2.js'],
            complete: function () {

                mod_PPfix = true;
                console.log('ppfix');
            }
        });
</script>

几行之后，我放置了另一个脚本

<script>               
   if (!mod_PPfix) {
       $(document).ready(function() { 

           console.log('this should be seen only if modernizr's tests are true');
       });
   }
</script>

现在我真的是 javascript 的新手，但我希望从上面的代码中显示第二个 console.log() 只有当modernizr 测试结果为真时。即使测试结果为阴性，仍然会记录第二个日志。

据我所知，在控制台中，第二条 console.log() 消息出现在第一条消息“ppfix”之前，所以我想这应该是一种加载时间问题，但我真的不知道为什么.我做错了什么？

如果它可以帮助我使用 Jquery 作为库。

谢谢！

Answer 1

如果您想在测试为真时看到第二条日志消息，您的意思是不是if (mod_PPfix)？如果测试失败，您的版本将记录输出第二条消息（请参阅fiddle）

当您使用 Modernizr.load 时，事情会异步发生，因此第二个 <script> 可能会在 script1.js 和 script2.js 完成加载之前运行，因此会在 complete 回调触发之前运行。无论您想在第二个<script> 中做什么，都应该调用complete 回调。例如

    Modernizr.load({
        test: Modernizr.csstransitions && Modernizr.input.required,
        nope: ['script1.js', 'script2.js'],
        complete: function () {
            initialize_me();
        }
    });

initialize_me() 函数将在其他地方定义，并且可能有类似

的代码

if (Modernizr.csstransitions && Modernizr.input.required) {
    // Use CSS3
} else {
    // Do things that depended on script1.js and script2.js being loaded
}