css – JQuery UI删除类动画看起来不起作用

我正在使用一系列 CSS3过渡,但是使用 JQuery UI添加和删除类来备份旧的机器.

JQuery UI addClass动画功能齐全.然而,JQuery UI removeClass不是动画,而是延迟动画时间然后跳转到上一个类的属性.

$('.Box').addClass('adds',800); ANIMATING CORRECTLY
$('.Box').removeClass('adds',800); NOT ANIMATING AT ALL

.Box {
    background:#CCC;
    border:1px solid #222;
    height:200px;
    width:200px;
}
.adds {
    height:220px !important;
    width:400px !important;
}

我已经建立了一个小提琴,但由于某种原因,这个小提琴什么都不做,不明白为什么. http://jsfiddle.net/aA9LN/4/

有任何想法吗？

奇妙

解决方法

似乎removeClass不喜欢！important关键字.这是关于jsbin： http://jsbin.com/idorud的演示

您可能希望以某种方式重写.adds类,例如,删除！important关键字并将specificity 添加到css选择器,例如#someId div.adds.

css – JQuery UI删除类动画看起来不起作用

解决方法

相关文章