css - JQuery UI 删除类动画显示不起作用

Question

我正在使用一系列 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;
}

我已经设置了一个 Fiddle，但出于某种原因，这个 fiddle 什么都不做，不知道为什么。 http://jsfiddle.net/aA9LN/4/

有什么想法吗？

很棒

Answer 1

removeClass 似乎不喜欢 !important 关键字。这是 jsbin 上的演示:http://jsbin.com/idorud

您可能想以某种方式重写 .adds 类，例如删除 !important 关键字并添加 specificity到 css 选择器，例如#someId div.adds。