Question

我有这个功能，它适用于所有浏览器和IE10，但不适用于IE9及以下版本。如果我排除效果-5，它会起作用。是否可以仅针对较旧的IE版本执行此操作？

 function collage() {
    $('.Collage').removeWhitespace().collagePlus(
        {
            'fadeSpeed'     : 2000,
            'targetHeight'  : 200,
            'effect'        : 'effect-5',
            'direction'     : 'vertical'    
        }
        );
};

Answer 1

不考虑进行浏览器检测，而是考虑使用modernizr进行特征检测。

与传统但非常不可靠的“UA”方法不同嗅探，“通过它检测浏览器（用户可配置） navigator.userAgent属性，Modernizr进行实际的特征检测可靠地辨别各种浏览器可以做什么和不能做什么。后所有，相同的渲染引擎可能不一定支持相同的渲染引擎事情，一些用户改变他们的userAgent字符串来绕过发展不良的网站，不会让他们通过其他方式。

通过这种方式，您可以检查浏览器是否支持转换（我认为）并相应地设置插件，代码：

function collage() {
    $('.Collage').removeWhitespace().collagePlus({
        'fadeSpeed': 2000,
            'targetHeight': 200,
            'effect': (Modernizr.csstransitions) ? 'effect-5' : '',
            'direction': 'vertical'
    });
};

参考：http://modernizr.com/docs/

演示：http://jsfiddle.net/rhpK3/

仅为IE排除jquery函数的一部分？

1 个答案: