[jQuery] 画面表示されない。ただリサイズすると表示される。なぜ？

Question

現在Java,JSP,jQuery,Seasar2,CSSを使ってWebアプリ開発をしています。

質問があるのですが、

通常表示されるものが表示されず、なぜかリサイズしたり、開発者ツールを出して画面が狭くなる(まぁリサイズ？)と画面表示されるという現象が起こっています。
なぜでしょうか？
またどうしたら解決できるでしょうか？

resizeメソッドは使っていますがコメントアウトしています。

あまり詳しくは情報を公開できませんが、もし何か思い当たる節がある方、わかる方がいればお教えいただきたいです。

状況としてはJSP内のデータや非表示のテキストボックス、セレクトボックスをjQueryで表示させるという処理の部分です。

Answer 1

画面サイズによって変わるのであれば、CSSにメディアクエリが書かれているとかですかね？？
画面のサイズによってボーダーが表示されないようなバグには会ったことがあります
まずはブラウザのバグかそうでないかを切り分けるといいと思います
他のブラウザで動かしてみたりしてみてはいかがでしょうか？？

Comments

[k499778]

kakusukeさん

回答ありがとうございます。
メディアクエリですか。初めての用語なので調べてみます。

私もブラウザの違いによるバグの可能性を考慮して、
ChromeとFirefoxで再現してみたのですが、どちらでも起こったためブラウザのバグではなさそうです。

もう少し調べてみます。ありがとうございます。

Answer 2

画面が表示されていない状態を開発者ツールで確認してみたらいかがでしょうか？
表示されていないDOMのスタイルや位置などが確認できれば、解決の糸口になるかと思います。

Comments

[k499778]

chiku_さん
回答ありがとうございます。
デベロッパーツールでは何度も確認したのですが、変化や違いを見つけることはできませんでした。DOMのスタイルにクラス名が追加されるわけでもなく、ブレイクポイントを置いても通りませんでした。
ブレイクポイントでは捉えきれない場所で処理が行われているのかもしれません。
こういった現象を経験した人はいないかな。
回答ありがとうございました。感謝しています。

[chiku_]

Javascriptのソースの表示は変わってもキャッシュが残ってて意図したブレイクポイントで止まらない（前のソースの状態で動いている）という事は経験あります。もしキャッシュをクリアされてないようでしたら、クリアしてみたら意図した動きになるかもしれません。

Answer 3

みなさん返答ありがとうございます。
解決しました！
どうやらキャッシュが残っていたのが原因だったようです。
キャッシュをクリアしたら意図した動きをすることができました。

ご協力ありがとうございました。