iframe里面的元素觸發(fā)父窗口元素事件的jquery代碼

更新時間：2014年10月19日 17:15:33 投稿：whsnow

這篇文章主要介紹了jquery:iframe里面的元素怎樣觸發(fā)父窗口元素的事件，很簡單，但很實用，需要的朋友可以看看

例如父窗口定義了一個事件。

top:

$(dom1).bind('topEvent', function(){});

那么iframe里面的元素怎樣觸發(fā)父窗口dom1的事件呢？這樣嗎？

$(dom1, parent.document).trigger('topEvent');

看似正確，實則誤導人。

因為父窗口的jquery對象與iframe里面的jquery對象實際為兩個對象（function），iframe里面的jquery并不會觸發(fā)另一個jquery對象定義的事件。除非你在iframe這樣定義了：

iframe:

self.$ = parent.$;

所以解決的方法很簡單：

parent.$(dom1,parent.doucment).trigger('topEvent');

調(diào)用父jquery執(zhí)行該事件就行了。

話說iframe應該不必再引進jquery文件的，與父窗口共用一個jquery就行了，這樣很環(huán)保。

您可能感興趣的文章:

jquery選擇器之基本過濾選擇器詳解
本篇文章主要是對jquery選擇器之基本過濾選擇器進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
jquery帶翻頁動畫的電子雜志代碼分享
jquery帶翻頁動畫的電子雜志是一款jquery.booklet電子書小冊子帶翻頁動畫的電子雜志書本，感興趣的小伙伴們可以參考一下
2015-08-08
使用jquery判斷一個元素是否含有一個指定的類(class)實例
下面小編就為大家?guī)硪黄褂胘query判斷一個元素是否含有一個指定的類(class)實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
jQuery實現(xiàn)的進度條效果
本文主要給大家介紹的是jQuery實現(xiàn)的進度效果的實例代碼，其實現(xiàn)原理就是使用 Javascript 控制 SPAN CSS 的寬度（以及其他的樣式）有需要的小伙伴可以參考下。
2015-07-07
JQuery自適應窗口大小導航菜單附源碼下載
本文給大家分享jquery自適應窗口大小導航菜單，也是一款響應式的導航菜單，有深色樣式、淺色樣式、自定義樣式，接下來，需要的學習的小伙伴參考此文吧
2015-09-09
20個最常見的jQuery面試問題及答案
本篇文章給大家分享了20個最常見的jQuery面試問題及答案，對此有需要的朋友可以參考下。
2018-05-05
jQuery中on()方法用法實例詳解
這篇文章主要介紹了jQuery中on()方法用法,實例分析了on()方法的功能及各種常見的使用技巧,并對比分析了與bind(),live(),delegate()等方法的區(qū)別,需要的朋友可以參考下
2015-02-02
sliderToggle在寫jquery的計時器setTimeouter中不生效
sliderToggle在setTimeouter中不生效，還報錯說是發(fā)生了意想不到的錯誤
2014-05-05
jQuery+ajax實現(xiàn)無刷新級聯(lián)菜單示例
這篇文章主要介紹了jQuery+ajax實現(xiàn)無刷新級聯(lián)菜單示例，代碼很完整，也非常實用，有需要的小伙伴可以參考下。
2015-05-05
jquery圖片滾動放大代碼分享（2）
這篇文章主要介紹了jquery圖片滾動放大效果，功能實現(xiàn)非常簡單，推薦給大家，有需要的小伙伴可以參考下。
2015-08-08