jquery - jQuery 的 CSS3 过渡只能在暂停后工作？

Question

我正在尝试添加一个 CSS3 过渡，jQuery 会更改样式的 CSS 属性。 (我想用 transform3d 来做，但是属性是动态的...)

这可能是一件非常愚蠢的事情，但我不知道为什么，如果我在 CSS 属性更新之前做一个 alert，CSS3 转换效果很好。如果没有，则不会。

我这里有一个 jsfiddle 示例，如果您想了解我的意思，只需注释 alert 即可: http://jsfiddle.net/7WPT8/1/

用于更新 CSS 的代码是:

//topPosition is the dynamic value
$(this).css('top', topPosition+'px');

它只有在我之前使用alert 时才有效。

Answer 1

Sven 是对的，这是一个时间问题。也可以通过使用最小超时来触发 css 属性的更改来避免这种情况(如果从一开始就在文档中出现闪现消息不是一个选项)——检查http://jsfiddle.net/7WPT8/5/

(我在这里使用 var _this 通过闭包将 jQuery 元素传递给匿名函数——否则，它不知道 $(this) 是什么因为通过超时分开执行。)