jquery按钮淡出与背景图像表现奇怪

Question

我试图通过使用toggleClass方法使按钮淡入另一个类。这似乎工作正常，直到我在课程中引入背景图像。

我甚至不确定它到底在做什么......它似乎取决于鼠标在按钮上的位置。无论如何，按钮排序开始淡入淡出，可能只是背景颜色而不是图像，然后在完成动画后只在背景中“弹出”。我在这里重新创建它：

http://jsfiddle.net/2YbqH/1/

所以我的问题是......我怎样才能使整个事情消失？

Answer 1

你不能在课堂之间褪色。元素要么具有类，要么不具有类。

Answer 2

不要试图切换类，只需切换该类的属性即可。假设你没有做太多疯狂的事情，那应该很简单。

Answer 3

如果没有color plugin

，则无法为颜色值设置动画

Answer 4

是的，你不能淡入课程，但它可能是带有技巧

$('button').on("mouseenter",function(){
     $(this).fadeOut(100).toggleClass("ui-state-hover").fadeIn(100);
});

这是demo。基本上，这个想法是淡出，然后切换课程再次显示。

检查this演示以假设背景，当按钮渐渐淡出时。我希望你能从这些演示中做你想做的事。