Почему не открывается окно magnific popup?

Question

[XXX-prog]

Когда 1 окно magnific popup активно (открыто), второе не открывается. В чем может быть проичина такого поведения?

Вот функция для второго окна, подвязал на клик по кнопке.

$('.submit-button').click(function(){
	$.magnificPopup.open({
	  items: {
		src: '<h1>Hello!</h1>',
		type: 'inline',
	  }
	});
});

Странно, вот так работает:

$('.submit-button').click(function() {
    setTimeout(function() {
        $.magnificPopup.open({
            items: {
                src: '#solution-for-form', // can be a HTML string, jQuery object, or CSS selector
                type: 'inline',
            }
        });
    }, 0)
});

Кто-нибудь может объяснить, что вообще происходит?

Answer 1

[Евгений Калибров]

Вам нужно сначала вызвать close:

$('.submit-button').click(function(){
  $.magnificPopup.close();
  $.magnificPopup.open({
    items: {
    src: '<h1>Hello!</h1>',
    type: 'inline',
    }
  });
});

Comments

[XXX-prog]

Пробовал, не помогло.

Answer 2

[Айнур Валиев]

смотри DOM, на ко-й навешивается обработчик. отрендерился ли html самой модалки

Comments

[XXX-prog]

Не рендерится. Странно, что если навесить функцию с нулевым таймаутом, то все рабоатет как надо...

[Айнур Валиев]

конечно, получается ты вызываешь событие уже после рендеринга модалки. setTimeout имитирует отложенный вызов.
Обработчик размещен после html кода модалки?

[XXX-prog]

Айнур Валиев, да, обработчик после html кода. А как под другому тогда вызвать другое модальное окно и закрыть текущее?