我們使用jQuery編寫前端頁面的時候,有時會遇到嵌套iframe的情況,而我們想在iframe內部去觸發父頁面的方法。這時候,就需要用到jQuery中提供的方法.parent()
和.trigger()
。
首先,我們需要獲取到父頁面的方法的選擇器。這個選擇器應該是在父頁面中定義的,我們遵循最佳實踐,將其定義在一個單獨的js文件中,并在父頁面中引入:
// parent.js function parentMethod() { // do something }
接下來,在我們的子頁面中,我們需要觸發這個方法。我們可以通過.parent()
方法獲取到父頁面的jQuery對象,然后使用.trigger()
方法觸發父頁面的方法:
// child.js $(function() { // 獲取父頁面的jQuery對象 var $parent = $(window.parent.document); // 觸發父頁面的方法 $parent.trigger('parentMethod'); });
這樣,當我們在子頁面中調用child.js
文件時,就會去觸發父頁面中定義的parentMethod()
方法。