Modernizr yepnope 条件回调仅在 false 时

Question

非常感谢您对最佳方式的想法和建议。如果modernizr 测试为假，我想执行一个小脚本——不值得加载。这个解决方案看起来有点笨拙。

        Modernizr.load({
            test: Modernizr.inlinesvg,
            yep : 'js/funky-svg-animation.js',
            complete : function () {
                if (!Modernizr.inlinesvg){
                    console.log('stuff to do when false');
                }
            },
        });

编辑： 基于 cmets，这是否是一种有效的方法：

        if (Modernizr.inlinesvg){
            $(body).append('<script src="js/funky-svg-animation.js"><\/script>')
        } else {
            console.log('stuff to do when false');
        }

或者这种方法有问题吗？

Answer 1

在 Modernizr 中，您有 yep 和 nope，因此如果您正在测试的浏览器不支持您需要的功能，那么您可以做您的事情。

Modernizr.load({
      test: Modernizr.inlinesvg,
      yep : 'js/funky-svg-animation.js',
      nope : 'path/to/your/script.js'
      },
  });

在哪里 path/to/your/script.js 只是：

console.log('stuff to do when false');

这是 Yenope 的默认行为，应该在需要时加载外部资源。