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