さまざまなブラウザと互換性のある jquery ベースの iframe 適応高さスクリプト_jquery

jquery は非常に強力で、コードは非常にシンプルです:

コードをコピー コードは次のとおりです:

$("# iPersonalInfo").load(function() {
$(this).height($(this).contents().height());
})

少し これはデバッグ中にしか発見できなかったので、かなりの時間を無駄にしたことに注意してください。つまり、iframe がロードされる前にバインディング イベントがバインドされている必要があります。バインドされていない場合、バインディング イベントは実行されません。


以下は jQuery、load イベントの概要です。

一致する各要素のload イベントにハンドラー関数をバインドします。

ウィンドウ オブジェクトにバインドされている場合、ウィンドウ、フレーム、オブジェクト、画像を含むすべてのコンテンツが読み込まれた後にトリガーされます。要素にバインドされている場合、要素のコンテンツが読み込まれるときに起動されます。

注: この要素が完全にロードされる前にロード処理関数がバインドされている場合にのみ、ロード処理関数はロード後にトリガーされます。後でバインドすると、トリガーされなくなります。したがって、$(document).ready() でロード イベントをバインドしないでください。jQuery は、すべての DOM ロードが完了した後にロード イベントをバインドするからです。