読者です 読者をやめる 読者になる 読者になる

日常最適化の計画

今日より明日。生きる知恵を蓄えていくための、ただの雑記です。

jqueryでouterHeight()が正しく取得できない

【スポンサーリンク】

セレクタで取得した要素の高さを取得したいことがあり、outerHeightメソッドでの取得を試みたが結果が「0」となりサイズを取得できない問題に遭遇しました。

$("#foo").outerHeight()
 
該当項目はhiddenの要素であるが表示状態に関わらず取得可能なはず。
しかしうまくいかず、試行錯誤してみること小一時間。
 
どうも取得対象項目の属性「display:none !important」の「!important」宣言が悪さしているらしく宣言を取り除くと正しくサイズの取得が行えました。
が、該当箇所のスタイルはこちらで勝手に変更できない事情であるため、やむなく取得タイミングを調整し該当項目が表示されているタイミングで取得するよう回避するハメに。

 

※後々Webで調べたところ、取得タイミングに一時的にshow()などで非表示を解除し、サイズ取得後再度非表示に戻すなどの逃げ策などもある様です。

 

ライブラリやデザイン周りがガチガチに固められてしまった状態だと、今回の様に無駄に労力を割くことが多く何かと不自由です。

 

ひとまず、今日の仕事これにて終了~

 

Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)

 

 

広告を非表示にする