Why doesn't the magnific popup window open?

Question

JavaScript

When 1 magnific popup window is active (open), the second one is not opened. What could be the reason for such behaviour?

Here is the function for the second window, tied to a button click.

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

Weird, this is how it works:

$('.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)
});

Can anyone explain what is even happening?

Answer 1

You need to call close first :

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

Answer 2

look DOM, on which the output agent is hung. did the html of the modal itself render?