javascript - Div 在 IE 中没有正确隐藏

Question

我的网站上有几个 div - 在加载时我希望其中一些隐藏，一些显示。我像这样隐藏了我不想要的:

$(".divToHide").hide();

它在 Chrome、Firefox、IE8 和 Opera 中运行良好...但在 IE6 中则不然(我还没有在以前的版本上进行过测试...) - 当我加载页面时，所有 div 都被正确隐藏。当我单击使其中之一可见的链接时，它会正确显示。当我单击另一个应该隐藏第一个 div 并显示另一个 div 的链接时，就会出现问题。第一个 div 的文本被隐藏，但图像保留并遮挡新显示的 div。我很确定这是一个错误 - 当我放大或缩小页面时，本应隐藏的 div 突然消失 - 它们仅在我加载页面时可见。

有办法解决吗？

编辑:我正在使用 jQuery v1.3.2

编辑:不幸的是，使用addClass添加声明display: none的CSS类的解决方案并没有真正起作用 - 看起来像一开始确实如此，但问题仍然存在。

更新:我写的js文件可以找到here ，而 html here 。我遇到的问题是，当您从一个作品集转到另一个作品集时，第一个作品集的图像会保留在那里，阻碍下一个作品集，即使它应该被隐藏(下面的文本会正确更改)。当您尝试放大/缩小页面时，错误就会消失。
我曾经使用 $("#divId").hide() 隐藏所有投资组合，但正如下面指出的，我现在使用 $(".classToHide").hide() .

更新:问题在 IE8 上得到解决 - 我忘记包含标准模式声明...但是，在 IE6 上它仍然是问题。

Answer 1

您要使用 ID 选择器隐藏多个 div 吗？

尝试为这些 div 提供一个“divToHide”类，然后使用:

$(".divToHide").hide();

也许 IE8 处理重复 ID 的方式与其他浏览器不同。