7

私は一連の 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/

何か案は？

素晴らしい

4

2 に答える 2

9

キーワードremoveClassが気に入らないようです。!importantjsbin のデモは次のとおりです: http://jsbin.com/idorud

たとえば、キーワードを.adds削除して css セレクターに具体性を追加するなどして、何らかの方法でクラスを書き直したい場合があります。!important#someId div.adds

于 2011-07-05T15:38:55.300 に答える