ホームページ > 記事 > ウェブフロントエンド > iframe で親ウィンドウ要素イベントをトリガーする方法
今回は、iframe が親ウィンドウ要素 event をトリガーする方法と、親ウィンドウ要素イベントをトリガーするための iframe の notes について説明します。以下は実際的なケースです。見てみましょう。
たとえば、親ウィンドウはイベントを定義します。top:
$(dom1).bind('topEvent', function(){});では、iframe 内の要素はどのようにして親ウィンドウ dom1 のイベントをトリガーするのでしょうか?そうですか?
$(dom1, parent. document ).trigger('topEvent');正しいようですが、実は誤解を招きます。 親ウィンドウの
jqueryオブジェクトとiframe内のjqueryオブジェクトは実際には2つのオブジェクト(関数)であるため、iframe内のjqueryは別のjqueryオブジェクトによって定義されたイベントをトリガーしません。 iframe で次のように定義しない限り:
iframe:
self.$ = parent.$;したがって、解決策は非常に簡単です:
parent.$(dom1,parent.doucment).trigger('topEvent');親の jquery を呼び出してイベントを実行するだけです。 iframe は jquery ファイルをインポートする必要がなくなり、同じ jquery を親ウィンドウと共有するだけでよいと言われています。これは非常に環境に優しいです。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:
jQuery はタブ オプション切り替えの最も単純な実装です
以上がiframe で親ウィンドウ要素イベントをトリガーする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。