关于Javascript的运行机制?

Question

    .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的，具体为什么这样我也不清楚，鬼使神差吧。想搞清楚到底为什么会这样！！！