4

刚开始一个新的 HTML5 项目并使用modernizr.js

我在modernizr docs页面上注意到它说您可以使用以下内容：

Modernizr.load([
  {
    load: '//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js',
    complete: function () {
      if ( !window.jQuery ) {
            Modernizr.load('js/libs/jquery-1.6.1.min.js');
      }
    }
  }
]);

所以在我的 HTML 中我有这个：

<script src="scripts/modernizr-2.0.6.js"></script>
<script>
Modernizr.load([
    {
        load: 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js',
        complete: function () {
            if ( !window.jQuery ) {
                        Modernizr.load('scripts/jquery-1.6.1.min.js');
            }
        }
    }
]);
</script>

但是看着萤火虫，没有加载jquery。

我在这里遗漏了一些明显的东西吗？

干杯，阿迪

4

3 回答 3

8

Modernizr 是一个小型库，它可以快速加载和执行，是的，它会并行加载脚本，所以使用它是个好主意。关于您的错误，请从 url 中删除 https: 并按照示例进行尝试。

于 2011-06-24T17:05:29.917 回答
1

由于我遇到了同样的问题，Adi 在这里解决了 Modernizer.load 对某些人不起作用的原因：

Hi ToyDaVirus. Turns out the issue was the development version doesnt use the loader. At top in the comments was '* Modernizr has an optional (not included) conditional resource loader called Modernizr.load(), based on Yepnope.js (yepnopejs.com). To get a build that includes Modernizr.load(), as well as choosing which tests to include, go to www.modernizr.com/download/' So just download from there and all is fine :)

于 2013-01-20T11:59:22.580 回答
0

把下面的代码放在前面

Modernizr.load([
                {
                    test: Modernizr.mq('(min-device-width: 320px) and (max-device-width: 728px)'),
                    yep : ['mob.css', 'jquery.mobile-1.1.0.css', 'jquery.mobile-1.1.0.js'],
                    nope : 'pc.css'
                }
            ]);

这样就可以加载多个文件，例如css、js

于 2012-05-19T10:35:54.640 回答