jQueryのheight()の値がずれる

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

高さが可変のdivの高さを動的に取得し、別のdivの高さを設定する時などjQueryのheight()を使うのはよくある話(なはず)。

今回、あるサイトでコンテンツの更新をしたら、それまでは問題がなかったのに突然heightが合わなくなった。

調べてみるとどうやら原因は、以前に投稿したこの記事「YouTube動画の組込+「いいね」設置+「いいね」を日本語で表示」でも触れている、ページに組み込んだYouTube動画の「いいね」ボタン
が後から読み込まれているところにあり、その中のdivのheightとmargin分ずれていることが判明。

読み込むタイミングを変えてみるとかもっと建設的な解法はありそうだったが、ちょっと時間がないので、とりあえず

のようにベタ書きして応急処置。

いかんいかん。いつかちゃんと直すぞ。


前後の記事

サブコンテンツ