动画不能用于伪元素？ IE10

Question

尤其对于IE10，这是一个问题。 我正在为伪元素设置动画。 当我悬停伪元素时，将.skew添加.skew类，这将触发CSS动画。 动画结束后， animationend会删除该.skew类。

至少在Chrome和Firefox中会发生这种情况，但是在IE10中，添加了.skew类，但在动画完成时并未将其删除。 我不确定是否是这种情况，但这可能是因为第一次将.skew悬停在伪元素上会触发动画，但是不会再次悬停（这意味着最后没有删除.skew类）的动画）。

看到这里： http : //jsfiddle.net/Ldh5g/

$("div").bind("animationend webkitAnimationEnd oAnimationEnd", function(){
  $(this).removeClass("skew");  
});

$("div").mouseenter(function(){
    $(this).addClass("skew");
});

只要将伪元素悬停，动画就会播放。 Chrome和Firefox都是这样。 但是在IE10中，动画不能播放多次。 问题是，如果我在非伪元素上尝试此操作，它将起作用。 为什么？

Answer 1

我使用切换事件修改您的代码。 我没有尝试过，但即使在IE10上也应该可以使用

http://jsfiddle.net/Ldh5g/4/

JS

$( "div" ).bind( "mouseenter mouseleave", function() {
  $( this ).toggleClass("skew");
});

Answer 2

ie10尚不支持伪元素上的动画事件（冒泡）。