jquery - 防止 IE 在加载半秒内显示两个 DIVS

Question

我有以下 HTML 代码：

<div id="block1">
some text
</div>
<div id="block2">
some more text
</div>

还有一段 jQuery 代码：

jQuery(document).ready(function($) {
     $('block1').css('display', 'block');
     $('block2').css('display', 'none');
});

理论上，这应该显示block1并隐藏block2。在实践中，IE 会在半秒内显示两个 DIV，然后只显示好的 DIV（块 1）。这不会发生在 Chrome、Firefox 等...

我无法添加 style="display: block;" 和风格=“显示：无；” 直接在 HTML 代码中，因为它是动态生成的。

是否有任何替代方法可以使用 jQuery 来使其在每个浏览器中都能正常工作？

score 2 · Accepted Answer

您可以尝试在样式表中使用 css 来首先隐藏两个 div，然后使用 jquery 像现在一样显示它

或者

您可以让整个主体在 css 中不可见，并在一切准备好显示后使用 jquery 更改可见性。

如果您可以控制输出 div 代码，则始终可以将它们输出为无显示并仅显示正确的。很多选择，但我不知道你能/不能做什么

1 回答 1