如何通過 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

magnificPopup iframe：

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

Answer 7

這是我可以關閉彈出窗口的唯一方法：

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

                $.magnificPopup.close();

    });