切换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的显示“内容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类现在可以完美地工作了！