javascript - 元素插入未立即在 chrome 中显示

Question

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

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

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

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

它基本上看起来不像 chrome 正在刷新，即使新元素被输入到 DOM 中，浏览器窗口也不会反映这些变化，直到我进入开发人员工具。但我想不通为什么？

Answer 1

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

就我而言，我在启动时依赖外部库为我创建一个元素。我仍然不确定根本原因是什么，但我通过调用setTimeout(myFunctionThatSetsUpTheElement, 1).

希望这可以帮助。