回调窗格更新 DOM 后 IE 不更新显示

Question

我在使用 .Net 3.5 的 ascx 页面中有一个更新面板。

用户输入数据，发起回调，ajax更新DOM。

通常一切都很顺利。 有时 DOM 会更新，而 IE 不会刷新显示。 整个更新区域似乎是空白的。

一旦用户执行了会触发刷新的操作（例如调整窗口大小），数据就会立即显示在屏幕上，但直到那时。

为什么是这样？ 什么可能导致它？ 如何解决？

Answer 1

您可以通过切换到真正的浏览器来“修复”它:)

真的，您可能能够根据我发现的技巧来修复它在此页面。

基本上，您需要做的是创建一个空节点，并在使用新内容更新 DOM 后在本地删除它：

var t = document.createTextNode('temp text');
element.appendChild(t); // Not sure if this is any element
                        // or one inside your new DOM nodes.
setTimeout(function() { t.parentNode.removeChild(t); }, 0);

在该页面中，作者说：

即使有了我的“修复”，它也只有在以下情况下才有效：
用户将鼠标光标移出
离开窗口并返回。

但我想这已经是最好的了...我认为 IE 可能不会触发刷新，除非浏览器窗口上有一些活动，以节省处理时间

很长一段时间以来，这一直是 IE 中一个已知的非常烦人的错误，尽管我在任何地方都找不到它。 事实上，即使是 Opera 也会时不时地出现这样的错误。

另外，即使您使用该技巧解决了该问题，也要检查每个 HTML 片段是否有效。 您可以在 http://validator.w3.org 中查看。 如果某段代码无效，那么你不能责怪浏览器不理解你的意思。