我有几个类:hide
isdisplay: none
和transparent
is opacity: 0
。该元素pr_container
具有-webkit-transition: opacity 1s
. 以下基于 JQuery 的代码使元素以动画方式出现:
pr_container.removeClass("hide");
setTimeout(function() { pr_container.removeClass("transparent"); }, 0);
但是,当我删除setTimeout
而只是删除第二类时,没有动画。为什么?
编辑:我使用的是最新的 Chrome,我还没有检查其他浏览器。
编辑:我尝试将两个调用放在同一个setTimeout
回调中 - 没有动画。所以这显然是关于分离的。
编辑:这里是 jsFiddle:http: //jsfiddle.net/WfAVj/