如何在放大的弹出窗口中隐藏默认的“X”关闭按钮？答案

【问题标题】：How to hide default 'X' close button inside magnific popup?如何在放大的弹出窗口中隐藏默认的“X”关闭按钮？
【发布时间】：2019-10-18 09:13:10
【问题描述】：

我在我的 jsp 中使用了Magnific-popup 来向用户显示一些消息。

我用来打开magnific popup的代码如下：

$.magnificPopup.open({
  items: {
    type: 'inline',
    src: '#idOfSomeDivInPage'
  },
  focus: '#someButtonId',
  closeOnBgClick: false,
  enableEscapeKey: false
}, 0);

有没有办法通过使用 jquery 和 css 来delete/hide 出现在放大弹出窗口右上角的“X”按钮？

【问题讨论】：

dimsemenov.com/plugins/magnific-popup/… showCloseBtn "控制是否显示关闭按钮。" - 并不难找到。

标签： javascript jquery magnific-popup

【解决方案1】：

您可以使用doc 中提到的showCloseBtn 配置。

showCloseBtn

控制是否显示关闭按钮。

$.magnificPopup.open({
  items: {
    type: 'inline',
    src: '#idOfSomeDivInPage'
  },
  focus: '#someButtonId',
  closeOnBgClick: false,
  enableEscapeKey: false,
  showCloseBtn:false
}, 0);

请在这里查看工作codepen

【讨论】：

【解决方案2】：

作为一种解决方法。

请在您创建弹出窗口的代码中添加以下行。

$('.mfp-close').css('display','none');

希望这个解决方案有效。

【讨论】：