jquery动画问题

Question

我为一个div设置了 trans 样式类，初始样式 为.trans{    transition: transform 10s;}.container{    transform:translate3d(-640px,0,0);}<div class="container trans">现在点击按钮设置外层div样式为 transform:translate3d(0,0,0),但是不触发transition动画,代码为$("#d1").on('click',function(){    $(".container").removeClass('trans').css({        'transform':'translate3d(0,0,0)'    }).addClass('trans');});为啥这样写还是触发了transition动画呢?求助求助，

Answer 1

1.首先，如果父元素上有trans这个类，当transform变换的时候肯定会触发transition的
2.一开始有trans这个类，然后你移除了这个类设置了css，又加上了这个类，不知道jQuery底层或者浏览器是怎么处理这个先后顺序的，可能是一起添加的
3.不知道你要实现什么效果。感觉这个逻辑不是很正常