iframe里面的元素觸發(fā)父窗口元素事件的jquery代碼
例如父窗口定義了一個(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.$;
所以解決的方法很簡(jiǎn)單：
parent.$(dom1,parent.doucment).trigger('topEvent');
調(diào)用父jquery執(zhí)行該事件就行了。
話說(shuō)iframe應(yīng)該不必再引進(jìn)jquery文件的，與父窗口共用一個(gè)jquery就行了，這樣很環(huán)保。
- JQueryiframe頁(yè)面操作父頁(yè)面中的元素與方法(實(shí)例講解)
- jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
- js與jQuery 獲取父窗、子窗的iframe
- JQuery操作iframe父頁(yè)面與子頁(yè)面的元素與方法(實(shí)例講解)
- jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼
- 使用jquery/js獲取iframe父子級(jí)、同級(jí)獲取元素的方法
- JQUERY 獲取IFrame中對(duì)象及獲取其父窗口中對(duì)象示例
- jQuery中彈出iframe內(nèi)嵌頁(yè)面元素到父頁(yè)面并全屏化的實(shí)例代碼
- jQuery實(shí)現(xiàn)iframe父窗體和子窗體的相互調(diào)用
- 利用JQuery操作iframe父頁(yè)面、子頁(yè)面的元素和方法匯總
相關(guān)文章
本篇文章主要是對(duì)jquery選擇器之基本過(guò)濾選擇器進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
jquery帶翻頁(yè)動(dòng)畫的電子雜志代碼分享
jquery帶翻頁(yè)動(dòng)畫的電子雜志是一款jquery.booklet電子書小冊(cè)子帶翻頁(yè)動(dòng)畫的電子雜志書本，感興趣的小伙伴們可以參考一下2015-08-08
使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(class)實(shí)例
下面小編就為大家?guī)?lái)一篇使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類(class)實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧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)航菜單，有深色樣式、淺色樣式、自定義樣式，接下來(lái)，需要的學(xué)習(xí)的小伙伴參考此文吧2015-09-09
20個(gè)最常見(jiàn)的jQuery面試問(wèn)題及答案
本篇文章給大家分享了20個(gè)最常見(jiàn)的jQuery面試問(wèn)題及答案，對(duì)此有需要的朋友可以參考下。2018-05-05
這篇文章主要介紹了jQuery中on()方法用法,實(shí)例分析了on()方法的功能及各種常見(jiàn)的使用技巧,并對(duì)比分析了與bind(),live(),delegate()等方法的區(qū)別,需要的朋友可以參考下2015-02-02
sliderToggle在寫jquery的計(jì)時(shí)器setTimeouter中不生效
sliderToggle在setTimeouter中不生效，還報(bào)錯(cuò)說(shuō)是發(fā)生了意想不到的錯(cuò)誤2014-05-05
jQuery+ajax實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例，代碼很完整，也非常實(shí)用，有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了jquery圖片滾動(dòng)放大效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08