0

我正在使用 Dojo 和 CSS 打开和关闭 HTML div，但我只在 Google Chrome 中得到了一个奇怪的结果（在 IE8+ 和最新的 FireFox 中一切都很好）。

这是使用 Dojo 1.8 的代码：

http://jsfiddle.net/XUzCN/

当您选中“显示 2”（标签或框）时，“内容 2”。div 不显示。如果取消选中“显示 3”、“内容 3”。隐藏，但“内容 2”神奇地出现了！使 div 正确显示的唯一方法是切换第一个 div“内容 1”的显示。同样，在 IE 和 FF 中一切都很好。

顺便说一句，我坚持使用 CSS 类“isVisible”和“isHidden”，因为之后我还有其他事情要做。无论如何，我已经尝试过了，但结果是一样的：

query("div#div" + divNum).style("display", "inline");

任何帮助将不胜感激！

4

1 回答 1

0

几个小时后，我找到了解决问题的方法。而不是应用“display:inline”来显示隐藏的div，我只需要删除“display:none”样式。

使用我的 CSS 类，我只需要更改 ".isVisible" ：

.isVisible {}
.isHidden {display:none;}

http://jsfiddle.net/XUzCN/11/

用 .isVisible 替换 .isHidden 类现在可以完美运行！

于 2013-01-25T20:26:47.743 回答