如何将jQuery与modernizr一起使用?

时间:2012-12-17 06:08:34

标签: jquery modernizr

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


]) ;

2 个答案:

答案 0 :(得分:1)

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

来解决它

答案 1 :(得分:0)

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