在 Dojo 中切换 div 的显示在 Google Chrome 中无法正常工作答案

【问题标题】：Toggling displays of divs in dojo not working correctly in Google Chrome在 Dojo 中切换 div 的显示在 Google Chrome 中无法正常工作
【发布时间】：2013-01-03 22:44:28
【问题描述】：

我正在使用 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");

任何帮助将不胜感激！

【问题讨论】：

标签： javascript html css google-chrome dojo

【解决方案1】：

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

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

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

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

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

【讨论】：