我想仅在一个浏览器(IE)中禁用动画元素,
我该如何工作?
或者如何使css3元素在IE中工作?
样式=
-webkit-animation: drop 8s cubic-bezier(0, 0, 1, 0.5) infinite;
-moz-animation: drop 8s cubic-bezier(0, 0, 1, 0.5) infinite;
-o-animation: drop 8s cubic-bezier(0, 0, 1, 0.5) infinite;
animation: drop 8s cubic-bezier(0, 0, 1, 0.5) infinite;
你可以使用jQuery
if ($.browser.msie) {
alert('IE');
// Disable Animation
$("#element").attr('disabled', 'disabled');
}
您还可以定位特定版本的IE,例如
if ($.browser.msie && parseInt($.browser.version, 10) == 8) {
alert('IE8');
// Disable Animation
} else {
alert('Non IE8');
}
编辑:正如评论者所说,这不适用于jQuery 1.9+。如果您使用的是1.9+,我可以想到的唯一其他选择是使用插件进行浏览器检测。我使用CSS Browser选择器,将浏览器特定的信息作为类添加到页面的html标记中。从那里您可以进行更改。
使用CSS Browser选择器,您可以定位目标,例如删除元素
$(".ie #element").attr('disabled', 'disabled');
或针对特定版本
$(".ie8 #element").attr('disabled', 'disabled');
其他建议是使用jquery.support函数。但是,这是一个内部函数,.support docs的jquery明确指出“当内部不再需要某些特定属性时,它们可能会被删除”,因此,我不建议您使用此属性。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句