jQuery UI 的一个有用特性是它对 jQueryaddClass
方法的劫持,通过包含第二个“持续时间”参数来添加动画支持,如下所示:
$('div').addClass('someclass', 1000);
对于传入的 CSS 属性,如, ,color
等background-color
,这一切都很好。width
height
但是像visibility:hidden
->visibility:visible
和display:none
->display:block
这样的转换并没有像我期望的那样优雅地淡入。他们只是等到持续时间完成,然后在最终添加类时出现。
我敢肯定,在过去,我曾在 jQuery UI 中看到过这些 CSS 类型的优雅过渡。有其他人知道这是否/已经可能吗?
我知道fadeIn
和fadeOut
方法以及animate
方法,但我希望为我的样式表提供更多优先级,而不是让我的脚本使用样式动画逻辑重载。
我知道 CSS3 过渡也能做到这一点,但我正在寻找一种支持更好的方法。