2

私は現在ここで遅延を設定しています：

.isotope .isotope-item {
    -webkit-transition-property: left, top, opacity;
    -moz-transition-property: left, top, opacity;
    -ms-transition-property: left, top, opacity;
    -o-transition-property: left, top, opacity;
    transition-property: left, top, opacity;
    -webkit-transition-delay: 0s, 0.8s, 0s;
    -moz-transition-delay: 0s, 0.8s, 0s;
    -ms-transition-delay: 0s, 0.8s, 0s;
    -o-transition-delay: 0s, 0.8s, 0s;
    transition-delay: 0s, 0.8s, 0s;
}

jQueryに条件ステートメントがあり、次のように遅延を変更できる必要があります。

.isotope .isotope-item {
    -webkit-transition-delay: 2s, 0.8s, 0s;
    -moz-transition-delay: 2s, 0.8s, 0s;
    -ms-transition-delay: 2s, 0.8s, 0s;
    -o-transition-delay: 2s, 0.8s, 0s;
    transition-delay: 2s, 0.8s, 0s;
}

これを達成できるかどうか、またはこれを解決するための他の解決策はありますか？

4

2 に答える 2

4

あなたの条件では、たとえばfoo、より長い遅延を必要とする要素に別のクラスを追加してから、2番目のスタイルを次のように変更します。

.isotope .isotope-item.foo {
    -webkit-transition-delay: 2s, 0.8s, 0s;
    -moz-transition-delay: 2s, 0.8s, 0s;
    -ms-transition-delay: 2s, 0.8s, 0s;
    -o-transition-delay: 2s, 0.8s, 0s;
    transition-delay: 2s, 0.8s, 0s;
}

特異性が高いほど、これらの要素が受け取る遅延時間が長くなります。

于 2012-05-24T21:40:33.440 に答える
4

jQueryはベンダープレフィックスをうまく処理できます。

$(".isotope-item").css('-webkit-transition-delay', '2s, 0.8s, 0s' )
   .css('-moz-transition-delay', '2s, 0.8s, 0s')
   .css('-ms-transition-delay', '2s, 0.8s, 0s')
   .css('-o-transition-delay', '2s, 0.8s, 0s')
   .css('transition-delay', '2s, 0.8s, 0s');

Roryが提案したような新しいクラスを追加したくない場合は機能します。

http://jsfiddle.net/qzuDr/

于 2012-05-24T21:48:19.973 に答える