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

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

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

例如父窗口定義了一個(gè)事件。

top:

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

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

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

看似正確，實(shí)則誤導(dǎo)人。

因?yàn)楦复翱诘膉query對(duì)象與iframe里面的jquery對(duì)象實(shí)際為兩個(gè)對(duì)象（function），iframe里面的jquery并不會(huì)觸發(fā)另一個(gè)jquery對(duì)象定義的事件。除非你在iframe這樣定義了：

iframe:

self.$ = parent.$;

所以解決的方法很簡單：

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

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

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

您可能感興趣的文章:

相關(guān)文章

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