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

前端之家收集整理的这篇文章主要介绍了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相关文章