iframe裡面的元素觸發父視窗元素事件的jquery程式碼
例如父視窗定義了一個事件。
top:
$(dom1).bind('topEvent', function(){});
那麼iframe裡面的元素怎樣觸發父視窗dom1的事件呢?這樣嗎?
$(dom1, parent.document).trigger('topEvent');
看似正確,實則誤導人。
因為父視窗的jquery物件與iframe裡面的jquery物件實際為兩個物件(function),iframe裡面的jquery並不會觸發另一個jquery物件定義的事件。除非你在iframe這樣定義了:
iframe:
self.$ = parent.$;
所以解決的方法很簡單:
parent.$(dom1,parent.doucment).trigger('topEvent');
呼叫父jquery執行該事件就行了。
話說iframe應該不必再引進jquery檔案的,與父視窗共用一個jquery就行了,這樣很環保。
相關推薦
iframe裡面的元素觸發父視窗元素事件的jquery程式碼
例如父視窗定義了一個事件。 top: $(dom1).bind('topEvent', function(){}); 那麼iframe裡面的元素怎樣觸發父視窗dom1的事件呢?這樣嗎? $(dom1, parent.document).trigger('topEvent'); 看似正確,實則誤導人。
關於iframe與父視窗元素選取的問題
在做專案的時候使用到了Iframe,可是在實現點選iframe內的元素動態改變父視窗導航欄相應條目高亮active的時候發現在iframe內Jq不能選取父容器的元素,仔細一想,確實是不應
今日總結vue 子元素觸發父元素事件 transition過度事件 axios安裝
<forgetMessage v-if="control.logoState == 2" @my-event="regression" ></forgetMessage> //父元素 methods 方法裡 regression (msg){ // 此事件用來觸發返回的
iframe.contentWindow 屬性:關於contentWindow和contentDocument區分 jquery 獲取父視窗的元素、父視窗、子視窗
定義和用法 contentDocument 屬效能夠以 HTML 物件來返回 iframe 中的文件,可以通過所有標準的 DOM 方法來處理被返回的物件。 語法:frameObject.contentWindow,或者 iframeObj
轉 easyUI的iframe子頁面操作父頁面元素
itl 代碼 iframe yui com con 按鈕 頁面 tabs 曾經試過這樣的方法 在iframe子頁面獲取父頁面元素 代碼如下: $(‘#objId‘, parent.document); 這樣可以獲得父頁面的元素,但是
iframe子頁面與父頁面元素的訪問以及js變量的訪問
++ src 行修改 動態 class ria 方法 修改 左右 1、子頁面訪問父頁面元素 parent.document.getElementById(‘id‘)和document相關的方法都可以這樣用 2、父頁面訪問子頁面元素 document.
iframe子頁面獲取父頁面元素的方法
在iframe子頁面獲取父頁面元素 $.('#objld', parent.document); 在父頁面獲取iframe子頁面的元素 $("#objid",document.iframes('iframe').document)或$(document.g
如何防止滑鼠移出移入子元素觸發mouseout和mouseover事件
我想實現的目標:當滑鼠進入黑色框時,橙色框執行淡入動畫;當黑色框範圍移動的時候(即使經過粉色框,動畫仍然不被觸發);當滑鼠移出的時候,橙色方塊消失。 遇到的問題闡述:當滑鼠移入黑色框的時候,橙色框執行淡入動畫,但是當滑鼠從黑色框經過粉色框的時候,橙色框就消失了,然後又執行一
easyUI的iframe子頁面獲取父頁面元素和給父頁面元素賦值
iframe子頁面獲取父頁面物件 <script type="text/javascript"> function callback() { self.parent.$('#AdPicUrl').val();
jquery子視窗給父視窗元素賦值和獲得值,子視窗調取父視窗方法,父視窗調取子視窗方法
1. 子視窗給父視窗元素賦值 <!-- 主題id rz--><input type="hidden" id="theme_id"> /** * 修改主題詳情 * @param id */ function modifyTheme(id){$(
input元素相對父級元素錯位了?IE7
先看程式碼: <div id="div1" style="margin-left:100px"> <div id="div2" style="border:1px solid #000;width:100px">
html事件-子元素事件不觸發父元素事件
result toggle 調用 col ati chang dom out bin <div class="list-row" onclick="showChatDialog(‘dy‘,‘100000001‘,true);"> <img cl
iframe獲取父視窗中的父視窗中的另外一個iframe中的元素問題
頁面層次結構如下: ————- mainPage(mainPage有兩個iframe:iframe1和iframe2) ————————iframe1 ————————iframe2(iframe2中又巢狀一個iframe:iframe2_1) ———————————–i
觸發子元素的點選事件而不觸發父元素的點選事件
<div class="divone" onclick="divone(this)"> <div class="divchild" onclick="divchild(this)"></div> &
iframe js獲取父級元素資訊,設定css樣式 和繫結事件
獲取iframe 父級id 為objid的內容。 $('#objid',window.parent.document).val(""); 初始化為iframe 父級 id為cancel1繫結事件 $('#cancel1',window.parent.document).
jquery父頁面操作iframe裡面的元素以及iframe操作父頁面的元素
父頁面操作iframe裡面的元素: $("#main-frame").contents().find("#wapUrl").val(); #main-frame為需要操作的iframe,$wapUrl為要操作的iframe裡面的元素 iframe頁面操作父頁面中的元素:
在父視窗中獲取Iframe中的元素 & 在Iframe中獲取父視窗中的元素
1. 在父視窗中獲取Iframe中的元素(1) JQuery// 方式1 $("#iframe的id").contents().find("#iframe中控制元件的id").事件(); //方式2 $
js在父元素上添加點擊事件,怎麽阻止子元素繼承父元素的點擊事件?
!= fun 元素 spa clas urn else target click div.onclick = function(ev){ if(ev.target!=this) return; else { ... } }js在父元素
iframe 調用父頁面元素
default 定義 fault document .get dtd parent server scrip <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inher
在iframe窗體內 獲取父級的元素;;在父窗口中獲取iframe中的元素
窗口 document 獲取 nts post parent href 元素 .com 原文:在iframe窗體內 獲取父級的元素;;在父窗口中獲取iframe中的元素 在iframe中獲取父窗口的元素 $(‘#父窗口中的元素ID’, parent.document).