次の設定で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 ページにある場合にのみ機能します。#iframePopup
iframe 内からをターゲットにするにはどうすればよいですか?