點擊div外區域隱藏div操作(嵌套iframe頁面)

一、正常頁面

$(document).click(function(){
        $(dom).hide();//要隱藏的div
 });

二、嵌套iframe頁面 (我實現的是點擊子頁面隱藏父頁面的元素)

除了寫正常頁面的操作之外,也需要在子頁面裏面寫第二個操作

$(document).click(function(){//父頁面
        $(dom).hide();//要隱藏的div
 });
 $(document).click(function(){//子頁面
 	$(dom,window.parent.document).hide();
 });

因爲子頁面裏不能直接獲取到父頁面的元素,所以需要在子頁面裏面另外寫:
$(dom,window.parent.document).hide();

補充:jquery中父子頁面之間獲取元素
在這裏插入圖片描述
父頁面獲取子頁面元素:

$("#iframe的ID").contents().find("#iframe子頁面的ID").click(); 

父頁面調用子頁面方法:

$("#iframe的ID")[0].contentWindow.子頁面 js 方法(); 

子頁面獲取父頁面元素:

$("#父頁面元素ID" , parent.document);

子頁面操作父頁面方法:

window.parent.父頁面 js 方法();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章