javascript - jQuery magnific-popup : create a button inside the popup to close the popup

Question

希望你能帮助我。我阅读并再次阅读了 Magnific Popup 的文档，但我对 javascript 还不够好。

1- 我用这个链接打开一个弹出窗口:

<a href="mysubpage.html" class="pop">OPEN POPUP</a>

和这个 javascript :

$('.pop').magnificPopup({ type:'iframe', showCloseBtn : true, closeOnBgClick : true, midClick: true });

2- 在我的弹出窗口中，我想要一个“关闭”按钮来关闭弹出窗口。

我试过了，但没用:

<input type="button" value="CLOSE" onclick="magnificPopup.close();" />
<input type="button" value="CLOSE" onclick="$.magnificPopup.close();" />
<input type="button" value="CLOSE" onclick="$('pop').magnificPopup.close();" />
<a href="#" class="mpf-close">CLOSE</a>
<a href="#" onclick="magnificPopup.close();">CLOSE</a>

我读到我需要放置这段代码:

var magnificPopup = $.magnificPopup.instance; 

但是在哪里？在哪个页面？用什么句法？

Magnific Popup 文档:LINK

感谢您的帮助。祝你有美好的一天;-)

Answer 1

以下将起作用。添加按钮(或任何其他元素)

<button id="my-custom-close">close</button>

...和这个javascript

$('#my-custom-close').click(function(){
    //This will close popup dialog opened using $.magnificPopup.open()
    $.magnificPopup.close();
});