jquery - IE 并没有真正使用彩色动画调用 Mouseleave

Question

我知道在 SO 上有很多这样的问题，但我一直找不到带有动画颜色的问题。在鼠标悬停时，它会变成一种颜色（我将它设置为丑陋的蓝色只是为了测试目的，而在鼠标移出时，它会变成原来的颜色。它在所有其他浏览器上都能完美运行，除了 IE，它会为鼠标悬停设置动画，但是不会为鼠标设置动画。

相关的js

$(".entry").mouseover(function () {

    $(this).animate({backgroundColor:"rgba(0,255,255,0.5)"},{duration:300, queue:false});

});

$(".entry").mouseout(function () {

    $(this).animate({backgroundColor:"white"},{duration:300, queue:false});

});

Answer 1

试试这个

http://jsfiddle.net/W3PWA/1/

我只将 backgroundColor 转换为 rgba 而不是白色这个词。由于您使用的是最新的 jquery，因此您应该使用 .on()

$(".entry").on({
  mouseenter: function(){
    // your code
  },
  mouseleave: function(){
    // your code
  }
});