如何在放大的弹出窗口中隐藏默认的“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');希望这个解决方案有效。