Question

我现在正设置我的延迟时间:

.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;
}

如果能够实现这一点,有什么想法,或解决该问题的任何其他解决办法吗?

Answer 1

在您的条件中,在需要较长延迟的元素中添加另一个类,例如 foo ,然后将您的第二个样式修改为 :

.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;
}

更具体一点将确保这些要素的延迟时间更长。

Answer 2

j Query 可以处理供应商的预设件, 仅此而已。

$(".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/

友情链接