javascript - 切换 dojo 中 div 的显示在 Google Chrome 中无法正常工作

Question

我使用 Dojo 和 CSS 打开和关闭显示 HTML div，但我只在 Google Chrome 中得到了一个奇怪的结果(在 IE8+ 和最新的 FireFox 中一切正常)。

这是使用 Dojo 1.8 的代码:

http://jsfiddle.net/XUzCN/

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

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

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

任何帮助将不胜感激!

Answer 1

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

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

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

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

用 .isVisible 替换 .isHidden 类现在可以完美地工作了!