jQuery,javascript,ajaxについての質問です。

#container
の中に
①#main,
②#side
のブロックがあり、clearfixで2カラムレイアウトになっているブロックがあります。
そこに背景の高さを揃える為、heightLine.jsを使い、#side,#mainの高さを揃えている状態なのですが、#side内のメニューをdisplay:noneで表示、非表示を切り替えられる開閉メニューにしています。
ページロード時に
#main
#side
の背景の高さは揃っているのですが、#side内のメニューを表示状態にした際に、#sideの高さの再取得ができず、背景にズレが起こってしまっています。

display:none状態の高さを取得できるメソッドやajaxで動的にロードしたブロックなどの高さを取得する方法をご存じの方は何卒よろしくお願い致します。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/04/30 12:42:10
  • 終了:2013/05/07 12:45:03

回答(1件)

id:rouge_2008 No.1

rouge_2008回答回数594ベストアンサー獲得回数3512013/05/01 03:07:13

「heightLine.js」の記事のコメント欄にある方法で希望の動作になるようです。
表示・非表示切り替えの処理直後に「changeBoxSize()」を実行するように追加してみてください。

http://blog.webcreativepark.net/2007/07/26-010338.html

お世話になっています。
あまり詳しくないので当方に間違いのある質問だったらすみません。
例えば2カラム(仮にA、Bとします)タイプのページを作った場合に双方の高さを揃えたいとします。
Bのカラム内に、クリックするとdisplay:block;になったりdisplay:none;になったりするブロック要素があり、Bカラムの長さが変化するのですが、長くなった場合にAカラムが一緒に伸びません。よろしくお願いいたします。

投稿者:かけだし | 2007年12月20日 16:41

>かけだしさん

その状況はheightLine.jsの想定しない動作ですのでうまく動きません。

heightLine.js内のchangeBoxSize()をdisplay変更時にも呼び出すように修正すれば動作すると思います。

がんばってみてください。

投稿者:西畑一馬 | 2007年12月23日 01:32

(略※返信コメント重複)

ほんとでした!動作しました!
助かります。どうもありがとうございました。

投稿者:かけだし | 2007年12月26日 14:29

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません