元素插入不会立即显示在chrome中

Question

好的，我遇到了一个奇怪的问题：

我有一个将div插入DOM的按钮。单击该按钮时，第一次，div总是立即出现在页面上。但是，后续按钮单击不会再插入任何div。

现在这是奇怪的事情，在我插入额外的div后，它们没有显示，我选择了使用chrome开发工具检查元素，并在调用开发人员工具后立即显示div。我可以看到

$('#list').before('<div class="mybox">some text</div>');

它基本上看起来并不像chrome是令人耳目一新的，即使将新元素输入到DOM中，浏览器窗口也不会反映这些变化，直到我进入开发人员工具。但我无法弄清楚为什么？

Answer 1

你是对的。这是一个奇怪的问题。它也发生在我身上。

在我的情况下，我依靠外部库在启动时为我创建一个元素。我仍然不确定根本原因是什么，但我通过调用setTimeout(myFunctionThatSetsUpTheElement, 1)来解决它。

希望这有帮助。