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

Question

我在我的 jsp 中使用了Magnific-popup来向用户显示一些消息。我用来打开magnific popup的代码如下：$.magnificPopup.open({  items: {    type: 'inline',    src: '#idOfSomeDivInPage'  },  focus: '#someButtonId',  closeOnBgClick: false,  enableEscapeKey: false}, 0);有没有办法delete/hide通过使用 jquery 和 css 出现在 magnific popup 右上角的“X”按钮？

Answer 1

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

显示关闭按钮

控制是否显示关闭按钮。

$.magnificPopup.open({

  items: {

    type: 'inline',

    src: '#idOfSomeDivInPage'

  },

  focus: '#someButtonId',

  closeOnBgClick: false,

  enableEscapeKey: false,

  showCloseBtn:false

}, 0);

请使用工作代码笔检查这里

Answer 2

作为一种解决方法。

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

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

希望这个解决方案有效。