在iframe中單擊按鈕>在父窗口中隱藏div

Question

我遇到了一個問題，即在iframe（與引薦來源網址相同的域）中的按鈕上單擊事件，並使其關閉（在這種情況下）父窗口中的2個div。

主頁的html示例：

<div class="wrapper">
    <iframe src="foo"></iframe>
</div>
<div class="bg"></div>

iframe的示例html：

<div class="btn_wrapper">
    <a href="http://www.foobar.com" class="yes">Yes</a>
    <a class="no">No</a>
</div>

JS：

// redirect
$('body').on('click', '.btn_wrapper .yes', function() {
    window.top.location = 'http://www.foobar.com';
});

// hide iframe popup wrapper and bg
$('body').on('click', '.btn_wrapper .no', function() {
    $('.wrapper').fadeOut(250, function() {
        $('.bg').fadeOut(150);
    });
});

$('body').on('click'...函數確實成功運行，因為單擊yes按鈕會重定向，在我的完整代碼中，單擊no來設置cookie，它確實如此。

盡管出於某種原因，它只是沒有隱藏.wrapper ，其中包含iframe和背景疊加層。 我該如何進行這項工作？

我不一定要在構建中使用iframe，但是為了保持一致性並與已經存在的功能集成，我真的很想繼續使用iframe。

Answer 1

嘗試：

$('body').on('click', '.btn_wrapper .no', function() {
    $('.wrapper', window.parent.document).fadeOut(250, function() {
        $('.bg', window.parent.document).fadeOut(150);
    });
});