CSSでdisplay:none;にしている要素の高さや幅は取得できないLightbox風のモーダルウィンドウをjQueryで実現する際に、ハマったのでメモ。モーダルウィンドウ内に表示するのはimgではなくHTML。その中にfloatで横並びにした要素Aと要素Bを配置。要素Aの高さを、要素Bの高さに合わせようとした。基準となる要素Bの高さが、ユーザーPC環境や今後の更新等で変わる可能性があるため、Javascript(jQuery)で要素Bの高さを取得して、それを要素Aに適用する方法にしたのだが...↓こんな感じ。height);});モーダルウィンドウ内部のCSSやjQueryを設定していく段階では、当然ながら画面に表示されている状態で作業をするので、特に問題もなく狙い通りの表示。モーダルウィンドウですから、初期状態は非表示なわけです。モーダルウィンドウのCSSの初期状態は「display:none;」。display:noneの状態では、ロードされていないという理由なのか、高さや幅などの情報が取得できない。↓heightの値は「0」です。$('要素Bのセレクタ').height();console.log(height);で、どうすりゃいいんでしょうねえ。別の方法を考えなくては。要素が表示されているか判定したいjQueryで押されたキーに関する情報を取得するjQuery.browser($.browser)が使えなくなっていた件fancyboxでなぜか親ページの表示位置がページ先頭に戻ってしまう管理人doliはっさくが好きです。猫と馬をデザインした神様は秀逸だと思います。