2013-09-24 20 views
2

一个jQuery的用户界面的有用的特点是它jQuery的addClass方法的劫持,通过包括第二“持续时间”参数,像这样添加动画支持:jQuery UI addClass方法不能动画可视性?

$('div').addClass('someclass', 1000); 

对于像colorbackground-color传入CSS属性, widthheight等,这一切工作正常。

但是像visibility:hiddenvisibility:visibledisplay:nonedisplay:block这样的转换不会像我期望的那样优雅地淡入。他们只是等待完成时间,然后在最后添加课程时出现。

我敢肯定,在过去,我已经看到了在jQuery UI的CSS这些类型的优美过渡。其他人是否知道这是否可行?

我知道的fadeInfadeOut方法,与animate方法一起,但我正在寻找,而不必与风格的动画逻辑超载我的脚本给予更多的优先级,以我的样式表。

我知道CSS3过渡会做的一样好,但我在寻找一个更好的支持的方法。

+0

何不效果基本show()或淡入()? –

+0

以为有人可能会推荐。当你添加你的评论时,我在我的问题中增加了另一段。倒数第二个...... – shennan

回答

1

displayvisibility没有可转换状态 - 它们可以是(您可以看到某个元素)或关闭(您看不到该元素)。

如果你想让它淡入,那么你必须使用不透明。

+0

我知道,他们是由发动机无论是开/关渲染。这并不意味着jQuery UI不应该考虑使用淡入检测这种CSS更改的可能性。它已经处理了嗅探传入类的属性,然后在转换过程中应用内联样式的任务。他们没有理由不能利用这种功能来检测“显示”或“可视性”的变化。话虽如此,我会接受你的回答,目前不可能通过jQuery UI的addClass方法做到这一点。 – shennan