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

Question

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

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

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

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

基本上看起来 chrome 并没有刷新，即使新元素被输入到 DOM 中，浏览器窗口也不会反射(reflect)更改，直到我进入开发人员工具。但我不明白为什么？

Answer 1

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

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

希望这对您有所帮助。