Javascript jQuery放大弹出窗口：在弹出窗口内创建一个按钮以关闭弹出窗口

希望你能帮助我。我一次又一次地阅读放大弹出窗口的文档，但我对javascript还不够精通

1-我打开一个带有此链接的弹出窗口：

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

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>

但是在哪里呢？在哪一页？用什么合成税

放大弹出式文档：

谢谢你的帮助。

---

祝你今天愉快；-）

有一个添加关闭按钮的选项，以及在弹出窗口内显示的选项。我不会使用自定义按钮或元素来尝试关闭弹出窗口，一旦设置了这两个选项，它应该包含在弹出窗口中

<a href='#' class='pop'>Open Popup</a>

$('.pop').magnificPopup({ 
  // main options
  showCloseBtn: true,
  closeBtnInside: true,

  gallery: {
    // options for gallery
    enabled: true
  },
  image: {
    // options for image content type
    titleSrc: 'title'
  }

});

$（'.pop'）。放大弹出（{
//主要选择
showCloseBtn：是的，
closebtnside:true，
画廊：{
//画廊的选择
已启用：true
},
图片：{
//图像内容类型的选项
标题RC:“标题”
}
});

以下操作将起作用。添加按钮（或任何其他元素）

---

谢谢你的帮助。你说我不能在弹出窗口中使用自定义按钮关闭？没有解决办法？我只需要使用包含的关闭按钮X。但我真的需要一个自定义按钮，我认为这是可能的。你可以找到按钮的Id或类选择器，并通过cssI覆盖样式尝试玩“mpf close”类，但它“不起作用”：-（谢谢你真的是个好帮手。你的codepen示例对我很有帮助，但是有没有办法用一个经典的按钮来关闭：不幸的是，没有，这个功能内置在JavaScript文件中，我不建议在其中更改任何内容。为什么要使用经典按钮，您要的是按钮上的文本吗？

var magnificPopup = $.magnificPopup.instance; 

<a href='#' class='pop'>Open Popup</a>

$('.pop').magnificPopup({ 
  // main options
  showCloseBtn: true,
  closeBtnInside: true,

  gallery: {
    // options for gallery
    enabled: true
  },
  image: {
    // options for image content type
    titleSrc: 'title'
  }

});

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

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