1

私は現在、自分の Web サイトの新しいテーマを作成していますが、iframe 内の div 要素の高さを動的に調整する際に問題が発生しています。iframe のソースは私のドメインにありますが、直接編集できません。

私がやりたいことは、iframe の高さ (たとえば 1000px) を読み取り、iframe 内の 2 つの div の高さ (例 #content height=200px および #question height =600px) を読み取るスクリプトを用意することです。次に、iframe ページに合わせてこれら 2 つの高さを調整します。

だから私は次のようになると思います：

var height = $('iframe').height();
var content_height = $('iframe').contents().find('#content').height();
var question_height =  $('iframe').contents().find('#question').height();
var diff = height - content_height - question_height
if diff > 0
   "new content height" = content_height + diff/2
    "new question height" = content_question + diff/2
end

私はjavascriptに関しては完全な初心者なので、どんな助けも素晴らしいでしょう。

4

2 に答える 2

1

rajeshの答えを見てください。

if ステートメントの場合: 括弧 (およびすべてのセミコロン) を忘れないでください。

if (diff > 0)
于 2012-11-05T14:17:13.527 に答える
0

このようなものが動作するはずです:

 $('iframe').height();
 $('iframe').contents().find('#content').height();
 $('iframe').contents().find('#question').height();
于 2012-11-05T12:24:43.817 に答える