Modernizr.load 已弃用。 Yepnope.js 已弃用。怎么办?

2023-11-22

在 Modernizr v3 之前,我使用的是 yepnope.js

Modernizr.load 和 yepnope.js 均已被弃用。现在我们如何有条件地调用样式表或 JavaScript 文件?

使用 Modernizr v2.5.3 的示例:

Modernizr.load({
  test: Modernizr['object-fit'],
  nope: ['./dist/scripts/object-fit.js'],
  complete: function(){
  if (!Modernizr['object-fit']) {
   jQuery(".poster img").imageScale({
   scale: "best-fill", 
   rescaleOnResize: true
   });
  }
 }
});

There's 新语法并且功能名称全部小写。你可以将其与jQuery 的 getScript 方法.

看起来像这样:

if (Modernizr.objectfit){
    jQuery.getScript("./dist/scripts/object-fit.js")
        //it worked! do something!
        .done(function(){
            console.log('js loaded');
        })
        //it didn't work! do something!
        .fail(function(){
            console.log('js not loaded');
        });
} else {
    jQuery(".poster img").imageScale({
        scale: "best-fill", 
        rescaleOnResize: true
    });
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Modernizr.load 已弃用。 Yepnope.js 已弃用。怎么办? 的相关文章

随机推荐