javascript - 如何通过jquery关闭magnific popup

Question

我在我的项目中使用了 magnific popup。要通过 jquery 关闭此弹出窗口，我正在使用 $('.mfp-close').click(); 它正在工作，但我需要以另一种方式关闭。如果有任何其他方式，请帮助我。提前致谢

Answer 1

只需使用$.magnificPopup.close()

Answer 2

尝试这个：

var magnificPopup = $.magnificPopup.instance; 
// save instance in magnificPopup variable
magnificPopup.close(); 
// Close popup that is currently opened

Answer 3

看看这里http://dimsemenov.com/plugins/magnific-popup/documentation.html#api

这些是您可以关闭此弹出窗口的一些方法：

var magnificPopup = $.magnificPopup.instance; // save instance in magnificPopup variable
magnificPopup.close(); // Close popup that is currently opened

或者

$.magnificPopup.close();

或者

$('your-selector').magnificPopup('close');

对我来说，只有第三个有效。

Answer 4

唯一对我有用的是：

$jQ('#close_popup').on('click',function(){                                                      
    $jQ.magnificPopup.proto.close.call(this);
}); 

Answer 5

如果你打开了，pop up那么它会返回一个magnific object，object你可以使用它call close method。

试试看，

var mgObj=$('your-selecter').magnificPopup({
   // you options
});

// code to close pop up on clicking a button
$(document).on('click','button',function(){
    if(mgObj)
    {
        mgObj.close();
    }
});

Answer 6

这是我可以关闭弹出窗口的唯一方法：

$('body').on( 'click', '#some-div', function( e ) {
            e.preventDefault();

                $.magnificPopup.close();

    });

Answer 7

magnificPopup框架：

window.parent.$.magnificPopup.close();