1

次の設定でbPopupを使用して、ページのポップアップ ウィンドウに iframe があります。

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();
});

ただし、これはボタンが iframe ではなく HTML ページにある場合にのみ機能します。#iframePopupiframe 内からをターゲットにするにはどうすればよいですか?

4

0 に答える 0