通过添加带有Jquery的类来解决CSS3过渡问题

目前我有一个小提琴，我试图让css3不透明度过渡到我添加一个类时触发。 基本设置是我单击一个按钮，然后通过jquery我向dom添加一个div，然后我将该元素添加到dom后，然后添加一个类。 新的dom元素的添加类假设开始我的过渡，但它不是，唯一发生的是元素被显示但不透明度过渡不起作用。 任何帮助将非常感激，我留下链接到小提琴这里的小提琴链接 。是的我知道我可以用jquery做淡入，但这只是一个实验，可能会用来启动其他CSS过渡到其他不透明度

Answer 1

我之前遇到过这个问题，我发现的唯一解决方法是添加一个setTimeout让DOM注意到有一个新元素。 它可以是零毫秒，它仍然可以工作：

$('button').live('click', function() { $(this).after("
This is just a test
") setTimeout(function(){$(".fade").addClass("in");}, 0) }); 

http://jsfiddle.net/tfmFx/

Answer 2

我认为动态创建的元素还不支持CSS3过渡。 我尝试通过将div直接放在HTML中来修改您的示例，并且转换工作正常。 在浏览器支持改进之前，您可能不得不将其作为一种解决方法。