使用 Modernizr，但未定义 $

Question

我正在使用 Modernizr，并且我已经从我以前使用过的另一个站点复制了我的解决方案并且没有任何问题。

当我加载页面时，我收到 ReferenceError: $ is not defined。（参考 $(document).ready(function() {... )

现在我知道我明白了，因为 jquery 没有加载，但我不知道我在这里遗漏了什么阻止 jquery 加载。

我错过了什么？？

编辑：取出 url 并在此处发布原始代码：

<script src="http://www.domain.com/js/modernizer.custom.js"></script>
<script>
//use the modernizr load to load up external scripts. This will load the scripts asynchronously, but the order listed matters. Although it will load all scripts in parallel, it will execute them in the order listed

Modernizr.load([
{
    load: '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'
},
{
    // test for media query support, if not load respond.js
    test : Modernizr.mq('only all'),
    // If not, load the respond.js file
    nope : '/js/respond.min.js' 
}
]); 
</script>

Answer 1

不要将 Modernizer.load 用于 jQuery - .load 函数主要用于加载 polyfill 和兼容性插件等。

在引用 $.

之前，只需在其自己的 <script> 标签中独立加载 jQuery

如果您确实想继续使用 .load，您需要将最初的 jQuery 相关代码移动到 .load 完成回调中，这样您就不会尝试在 Modernizr 异步加载它之前调用 jQuery。

使用 Modernizr，但未定义 $

Using Modernizr, but $ is not defined

javascript

jquery

modernizr