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

WBOY
リリース: 2016-05-16 18:21:21
オリジナル
1202 人が閲覧しました

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

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

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

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


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

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

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

注: この要素が完全にロードされる前にロード処理関数がバインドされている場合にのみ、ロード処理関数はロード後にトリガーされます。後でバインドすると、トリガーされなくなります。したがって、$(document).ready() でロード イベントをバインドしないでください。jQuery は、すべての DOM ロードが完了した後にロード イベントをバインドするからです。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート