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對象與iframe里面的jquery對象實(shí)際為兩個(gè)對象（function），iframe里面的jquery并不會(huì)觸發(fā)另一個(gè)jquery對象定義的事件。除非你在iframe這樣定義了：
iframe:
self.$ = parent.$;
所以解決的方法很簡單：
parent.$(dom1,parent.doucment).trigger('topEvent');
調(diào)用父jquery執(zhí)行該事件就行了。
話說iframe應(yīng)該不必再引進(jìn)jquery文件的，與父窗口共用一個(gè)jquery就行了，這樣很環(huán)保。
您可能感興趣的文章:
- JQueryiframe頁面操作父頁面中的元素與方法(實(shí)例講解)
- jquery、js調(diào)用iframe父窗口與子窗口元素的方法整理
- js與jQuery 獲取父窗、子窗的iframe
- JQuery操作iframe父頁面與子頁面的元素與方法(實(shí)例講解)
- jquery 查找iframe父級(jí)頁面元素的實(shí)現(xiàn)代碼
- 使用jquery/js獲取iframe父子級(jí)、同級(jí)獲取元素的方法
- JQUERY 獲取IFrame中對象及獲取其父窗口中對象示例
- jQuery中彈出iframe內(nèi)嵌頁面元素到父頁面并全屏化的實(shí)例代碼
- jQuery實(shí)現(xiàn)iframe父窗體和子窗體的相互調(diào)用
- 利用JQuery操作iframe父頁面、子頁面的元素和方法匯總
相關(guān)文章
jQuery的實(shí)現(xiàn)原理的模擬代碼 -5 Ajax
對于 xhr 對象來說，我們主要通過異步方式訪問服務(wù)器，在 onreadystatechange 事件中處理服務(wù)器回應(yīng)的內(nèi)容。簡單的 xhr 使用如下所示。2010-08-08
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個(gè)方法來體驗(yàn)的觀察者模式，是篇非常不錯(cuò)的文章，對我們理解觀察者模式很有幫助。2014-12-12
jQuery實(shí)現(xiàn)的模擬彈出窗口功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的模擬彈出窗口功能,結(jié)合實(shí)例形式分析了jQuery彈出窗口的初始化、坐標(biāo)、背景設(shè)置等相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
jQuery File Upload 是一個(gè)Jquery文件上傳組件，支持多文件上傳、取消、刪除，上傳前縮略圖預(yù)覽、列表顯示圖片大小，支持上傳進(jìn)度條顯示；支持各種動(dòng)態(tài)語言開發(fā)的服務(wù)器端.這篇文章主要介紹了jQuery File Upload文件上傳插件使用,需要的朋友可以參考下2016-12-12
有個(gè)需求就是異步驗(yàn)證用戶名是否存在。用的技術(shù)是jQuery異步驗(yàn)證和struts2，大家可以參考下2014-05-05
在網(wǎng)頁上只有一個(gè)小區(qū)域，但是說明性的文字又很長，下面這段腳本實(shí)現(xiàn)的是長文字的部分顯示，有類似需求的朋友可以參考下哈，希望對你有所幫助2013-05-05
詳解使用jQuery.i18n.properties實(shí)現(xiàn)js國際化
這篇文章主要介紹了使用jQuery.i18n.properties實(shí)現(xiàn)js國際化，具有一定的參考價(jià)值，感興趣的可以隨小編看一看2018-05-05
jQuery 解析xml文件實(shí)現(xiàn)腳本代碼，用到了jquery如何解析xml文件，和大家分享一下2009-08-08
JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式
JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式,使用Validate的朋友可以參考下。2011-09-09
jQuery validate(submitHandler函數(shù))驗(yàn)證通過發(fā)送Ajax(實(shí)例詳解)
這篇文章主要介紹了jQuery validate(submitHandler函數(shù))驗(yàn)證通過發(fā)送Ajax，可以用validate框架驗(yàn)證元素，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2022-10-10