0

Dojo と CSS を使用して HTML div をオンとオフで表示していますが、Google Chrome でのみ奇妙な結果が得られます (IE8+ と最新の FireFox ではすべて問題ありません)。

Dojo 1.8 を使用したコードは次のとおりです。

http://jsfiddle.net/XUzCN/

「Show 2」（ラベルまたはボックスのいずれか）をチェックすると、「Content 2.」が表示されます。divが表示されません。「Show 3」のチェックを外すと、「Content 3」になります。隠れるが「コンテンツ2」が魔法のように現れる！div を正しく表示する唯一の方法は、最初の div「コンテンツ 1」の表示を切り替えることです。繰り返しますが、IE と FF ではすべて問題ありません。

ちなみに、私は CSS クラスの "isVisible" と "isHidden" に固執しています。これらのクラスは後で行う必要があるからです。とにかく、私はこれを試しましたが、結果は同じです:

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

どんな助けでも大歓迎です！

4

1 に答える 1

0

数時間後、問題を解決する方法を見つけました。非表示の div を表示するために「display:inline」を適用する代わりに、「display:none」スタイルを削除するだけで済みます。

CSS クラスを使用して、「.isVisible」を変更するだけで済みました。

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

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

.isHidden クラスを .isVisible に置き換えると、完全に機能するようになりました。

于 2013-01-25T20:26:47.743 に答える