Question

我想使用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'


]) ;

Answer 1

我遇到了类似的问题并通过首先加载jquery然后再加载modernizr

来解决它

Answer 2

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

如何将jQuery与modernizr一起使用？

2 个答案: