Как скрыть стандартную кнопку закрытия «X» внутри всплывающего окна? - PullRequest
Новая
       18

Как скрыть стандартную кнопку закрытия «X» внутри всплывающего окна?

4 голосов
/ 18 октября 2019

Я использовал Magnific-popup в моем jsp для отображения нескольких сообщений пользователю.

Код, который я использовал для открытия всплывающего окна, выглядит следующим образом: 

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

Есть ли способ delete/hide кнопка «X» в верхнем правом верхнем углу всплывающего окна? с помощью jquery и css?

Ответы [ 2 ]

3 голосов
/ 18 октября 2019

В качестве обходного пути.

Пожалуйста, добавьте следующую строку в ваш код, где вы создаете всплывающее окно. 

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

Надеюсь, это решение работает.

1 голос
/ 18 октября 2019

Вы можете использовать showCloseBtn config, как упомянуто здесь в doc .

showCloseBtn

Контролирует, будет ли кнопка закрытиябудет отображаться или нет. 

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

Пожалуйста, проверьте здесь с рабочим codepen

...