大佬教程收集整理的这篇文章主要介绍了jquery – CSS3转换到动态创建的元素，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我想让动画在元素创建之前开始。
对于这些我创建一个类设置元素的原始位置，然后我通过jquery css()方法设置目标位置
但是新的元素在目标位置上就没有任何转变。
如果我使用0ms的setTimeout来设置新的css值，它将工作。
有什么我做错了吗？还是限制？
我不认为@R_891_10675@用setTimeout解决方法。
谢谢！
更新：这是一个与jsfiddle.net上运行代码的链接，供您进行实验。
http://jsfiddle.net/blackjid/s9zSH/
更新我在答案中更新了解决方案的示例。
http://jsfiddle.net/s9zSH/52/
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="text/javascript">
//Bind click event to the button to duplicate the element
$(".duplicate").live("click",function (E){
var $to = $("#original .square").clone()
$("body").append($to);
if($(e.target).hasClass("timeout"))
//With setTimeout it work
setTimeout(function() {
$to.css("left",200 + "px");
},0);
else if($(e.target).hasClass("notimeout"))
// these way it doesn't work
$to.css("left",200 + "px");
});
</script>
<style type="text/css">
.animate{
-webkit-transition: all 1s ease-in;
}
.square{
width:50px;
height:50px;
BACkground:red;
position:relative;
left:5px;
}
</style>
</head>
<body>
<div id="original">
<div class="square animate"></div>
</div>
<button class="duplicate timeout">duplicate with setTimeout</button>
<button class="duplicate notimeout">duplicate without setTimeout</button>
</body>
</html>@H_674_23@
相反，你可以简单地：
obj.className = style1;
window.getComputedStyle(obj).getPropertyValue("top");
obj.className = style2;@H_674_23@
如果你是动画多个对象，你只需要“抽”样式计算器一次：
obj.className = style1;
obj2.className = style1;
obj3.className = style1;
window.getComputedStyle(obj).getPropertyValue("top");
obj.className = style2;
obj2.className = style2;
obj3.className = style2;@H_674_23@
测试在chrome12在mac
以上是大佬教程为你收集整理的jquery – CSS3转换到动态创建的元素全部内容，希望文章能够帮你解决jquery – CSS3转换到动态创建的元素所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。