防止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（block1）。这不会发生在Chrome，Firefox等上......

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

有没有其他方法可以使用jQuery在每个浏览器中使用它？

Answer 1

你可以尝试在样式表中使用css来隐藏两个div，并使用jquery来显示它就像你现在这样做

OR

你可以让整个身体在css中不可见，并使用jquery在一切准备就绪后改变可见性。

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