我有这个函数,它在所有浏览器和IE10中都很好用,但在IE9和更低版本中就不行了。如果我排除效果-5,它就会起作用。是否可以仅对较旧的IE版本执行此操作?
function collage() {
$('.Collage').removeWhitespace().collagePlus(
{
'fadeSpeed' : 2000,
'targetHeight' : 200,
'effect' : 'effect-5',
'direction' : 'vertical'
}
);
};发布于 2014-03-23 18:44:47
考虑使用modernizr进行功能检测,而不是进行浏览器检测。
与传统的但高度不可靠的“UA嗅探”方法不同,
通过其(用户可配置的) navigator.userAgent属性来检测浏览器,它进行实际的功能检测,以可靠地辨别各种浏览器可以做什么和不能做什么。毕竟,相同的渲染引擎可能不一定支持相同的东西,并且一些用户改变他们的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/
https://stackoverflow.com/questions/22589690
复制相似问题