窗口刷新的javascript问题

代码运行良好，只是添加的新div显示在父级下方约四分之一秒，然后浏览器水平重置它们，这看起来很奇怪，因为窗口似乎在闪烁。但是，如果我在添加div后发出警报，然后按ok以发出警报，则新div中的属性将更改，不会出现任何闪烁；在这种情况下，div首先直接水平添加，而不是垂直添加

---

我想让我们在添加div后延迟一下，然后更改属性，但这并没有解决问题。我认为浏览器并没有在添加div之后更新窗口或刷新。有什么方法可以将添加的内容刷新到html中吗？

下载者最好解释一下他/她为什么这样做？下载者不是在解决问题，而是在使我的问题复杂化/

var newdiv, parent = $("#tuples");

for (i = 0; i < 10; i++) {
    parent.append("<div></div>");
    newdiv=parent.children().eq(index+i); 
    newdiv.css("display", "inline");
    newdiv.css("float", "left");

    newdiv.css("width", width + "px");
    newdiv.css("margin-right", "5px");
    newdiv.css("margin-left", "5px");
} 

child = parent.children();

for (i = 0; i < 10; i++) {
    newdiv = child.eq(i + index); 
    x.appendTo(newdiv);
    x = x.clone(); // here x is the whole node inside each new div
} 

//here change the attributes and images in the new divs
for (i = 0 + index; i < (10 + index); i++)
    child[i].setAttribute("index", i.toString());