jquery - jQuery - 从内部关闭 iFrame 弹出窗口（从子内部关闭父级）

Question

我的页面上的弹出窗口中有一个 iframe，使用bPopup并具有以下设置：

HTML

<div id="iframePopup">
    <div class="content"></div>
</div>
<button id="popIt">SHOW</button>

jQuery

jQuery('#popIt').click(function(){
    jQuery('#iframePopup').bPopup({
        content:'iframe',
        contentContainer:'.content',
        loadUrl:'http://www.site-url.com',
        opacity:0.4,
        iframeAttr:('scrolling="yes"')
    });
});

这工作正常，但如果我单击 iframe 本身中的特定按钮，我需要能够关闭弹出窗口。

bPopup docs/api 状态我可以关闭弹出窗口：

jQuery('#close-btn').click(function(){
    var bPopup = jQuery('#iframePopup').bPopup();
    bPopup.close();
});

但这仅在按钮位于 HTML 页面上时有效，而不是在 iframe 中。我如何#iframePopup从 iframe 中定位？