What is the best way to test if a Magnific Popup is currently "open"

Question

What is the best way to test if a Magnific Popup is currently "open"?

Will a check for the existence of some div be future proof?

For example, if I use:

if ($(".mfp-ready").length > 0)
  ...

I looked for the equivilent of an isopen property in the api documentation but found nothing like that

EDIT

Following Dmitry's answer, I examined the instance object and found the following properties that may prove useful to others:

isAndroid
isIE7
isIE8
isIOS
isLowIE

score 11 · Accepted Answer · answered Jul 23 '14 at 09:55

11

$.magnificPopup.instance.isOpen

answered Jul 23 '14 at 09:55

Dmitry Semenov

4,566
2
36
39

So there is one. Thank you. Can you add the link to the relevant page where you found it in the magnific documentation. – Graham Jul 23 '14 at 09:57

score 3 · Answer 2 · answered Nov 04 '16 at 09:53

3

Here is simple solution from Magnific popup documentation

$('.image-link').on('mfpOpen', function(e /*, params */) {
  console.log('Popup opened',  $.magnificPopup.instance);
});

answered Nov 04 '16 at 09:53

Jovan Ivezic

31
3

score 2 · Answer 3 · answered Dec 20 '16 at 10:41

Old question, i know, but none of the other answers solved the same issue for me.

The next code solved it for me:

$('.open-popup-link').magnificPopup({
   callbacks: {
     open: function() {
       console.log('text to show in console if popup is open');
     }
   }
});

What is the best way to test if a Magnific Popup is currently "open"

3 Answers3