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