.move-top{ margin-top:500px; transition:margin-top 2s; }下面提到的.move-top(就是实现一个向下移动的CSS3动画效果) $.ajax({ type: 'GET', url: 'server.ashx'+'?'+new Date().getTime().toString(), success: function (data) { var str = "<div class='item-ajax'></div>"; //异步的添加一个div $(".container").append(str); //正常方法添加类名:$(".item-ajax").addClass("move-top");并不能触发动画效果,只有将这段代码写在setTimeout才有效果 setTimeout(function(){$(".item-ajax").addClass("move-top");},0); // } });我是因为最近看了一篇关于JavaScript运行机制的文章才想到用setTimeout的,具体为什么这样我也不清楚,鬼使神差吧。想搞清楚到底为什么会这样!!!
添加回答
举报
0/150
提交
取消