如何将 jQuery 与modernizr 一起使用？答案

【问题标题】：How do I use jQuery with modernizr?如何将 jQuery 与modernizr 一起使用？
【发布时间】：2012-12-04 06:03:32
【问题描述】：

我想使用modernizr 有条件地加载polyfill。到目前为止，我的代码粘贴在下面。

目前我已经成功加载了我的支持库的代码。然而，它虽然加载了 jQuery，但它并没有被浏览器拾取。

如果我在需要 jQuery 的页面中包含脚本，我会在 firebug 中收到以下错误：

ReferenceError: jQuery 未定义
ReferenceError：$ 不是定义

那么，如何将 jQuery 与 modernizr 一起使用？

另外，我怎样才能让我自己的脚本在 jQuery 之后运行（以及我需要的任何其他支持库被加载？

Modernizr.load([

{  // our polyfills first
  test : Modernizr.mq ,
  nope : ['../js/respond.js' ]
},

  'http://vframe/wp-content/themes/vframe/js/jquery-1.7.2.js',
  'http://vframe/wp-content/themes/vframe/js/jquery.form.js',
  'http://vframe/wp-content/themes/vframe/js/jquery.validate.min.js'


]) ;

【问题讨论】：

我们可以看到这个的任何地方/链接？
stackoverflow.com/questions/9315165/modernizr-load-method

标签： jquery modernizr

【解决方案1】：

我遇到了类似的问题，先加载 jquery 然后再加载modernizr 解决了这个问题

【讨论】：

【解决方案2】：

Modernizr.load 函数异步加载资源，但按顺序执行。在这种情况下，response.js 比 jQuery 先被执行，这意味着如果您在 response.js 中使用 jQuery 函数，它将无法识别它。如您所知，JavaScript 是逐行解释的。

【讨论】：