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

Question

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

这是使用 Dojo 1.8 的代码：

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

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

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

任何帮助将不胜感激！

score 0 · Accepted Answer

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

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

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

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

1 回答 1