jquery按钮淡入淡出背景图像表现奇怪答案

【问题标题】：jquery button fade with background image acting strangejquery按钮淡入淡出背景图像表现奇怪
【发布时间】：2012-03-05 15:05:30
【问题描述】：

我正在尝试使用 toggleClass 方法使按钮淡入另一个类。在我将背景图像引入类之前，这似乎工作正常。

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

所以我的问题是......我怎样才能让整个事情褪色？

【问题讨论】：

我认为这类似于：stackoverflow.com/questions/808790/… - 你正在尝试淡化背景
在问题内部提供代码也被认为是一种很好的形式（并且会为您提供高质量的答案），而不仅仅是在外部提供代码。在这两个地方也欢迎格式化以提高可读性（即不仅仅是长的单行 CSS 块）
抱歉，我也不知道在这里发布代码。我想是其中之一。我将编辑问题。我还将删除不必要的 css。
JMax 说得对。这是一个只有背景颜色的小提琴（这就是所有改变）并且过渡有效：jsfiddle.net/2YbqH/2他们在他链接到的答案底部提到了一个插件，但我不能保证。

【解决方案1】：

你不能真正在课程之间褪色。一个元素要么有一个类，要么没有。

【讨论】：

我觉得写起来没那么难。这不是现在的工作方式，我也不认为它应该是这样工作的。
我实际上已经在使用jquery UI，所以我也尝试了toggleClass，结果相同。
是的，我看错了你原来的问题；我已经删除了我以前的 cmets，因为它们在这种情况下没有意义。 toggleClass 实际上应该（根据文档）这样做，但是当您转换这么多样式时，其中许多带有供应商前缀，我对它的失败并不感到惊讶。
是的，我想我看到了这个问题。添加了另一个答案。

【解决方案2】：

没有color plugin ，您无法为颜色值设置动画

【讨论】：

【解决方案3】：

是的，你不能淡入课堂，但是这是可能的有一个技巧

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

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

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

【讨论】：

【解决方案4】：

不要尝试切换类，只需切换该类的属性即可。假设你没有做太多疯狂的事情，它应该是相当简单的。

【讨论】：