いつまで経ってもわからない、WEBってやつは・・・(´・ω・`)

【jQuery】高さ揃えるjs使う場合、display:noneだとheightがとれない場合

高さをそろえるjsといえばいろいろありますが、自分はjquery.tile.jsを使っています(´・ω・`)

何が問題かというと、例えばfancyboxでインラインコンテンツをふわっと表示させる場合、最初その部分は『display:none』。

ふわっと表示するコンテンツの中身に高さをそろえるjsで高さをそろえていざふわっと表示させると・・え?

残念な感じになってます(´;ω;`)。

ええぇー・・と確認すると、『height:0px』とか入ってるー!

高さをそろえたい部分が『height:0px』でそろってるー(;´Д`)<望んでねー!

ということでグーグル先生にきいてみた。

『display:none』の場合はheightが取得できない

ふむふむなるほど(´・ω・`)、だから『height:0px』だったのかー。

ということなので、そういう場合は下記で対応(´・ω・`)ノ

あせったー(´・ω・`)

 

あ、あと全然関係ないけど・・自分のIMEがおバカさん過ぎたのでgoogleさんが提供しているGoogle 日本語入力を入れました。

すごいいいー(*´∀`*)♪

今更感で胸がいっぱいだったけど、すごいいいーw
IMEがおバカさんで悩んでいる人は使ってみるといい気持ちになれます(*´ェ`*)