javascript-jQuery magnific-popup:在弹出窗口内创建一个按钮以关闭弹出窗口

希望您能够帮助我.我阅读并再次阅读了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

感谢您的帮助.
祝你有美好的一天

上一篇:javascript – 只在网站的一个导航中弹出一次


下一篇:javascript – 显示模态弹出基础:防止关闭弹出窗口