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

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

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

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

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

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

Sponsored Link
レクタングル大
レクタングル大

シェアする

  • このエントリーをはてなブックマークに追加

フォローする