iframeに関するサンプル紹介

たとえば、親ウィンドウはイベントを定義します。

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 を親ウィンドウと共有するだけでよいと言われています。これは非常に環境に優しいです。

以上がiframeに関するサンプル紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。