如何通过jquery关闭magnificpopup

bfnvny8b  于 2023-06-22  发布在  jQuery
关注(0)|答案(7)|浏览(117)

我在我的项目中使用了一个放大的弹出窗口。要关闭jQuery弹出窗口,我使用$('.mfp-close').click();,它的工作,但我需要关闭的另一种方式。
请帮助我,如果任何其他方式。先谢谢你了。

xcitsw88

xcitsw881#

使用$.magnificPopup.close()即可

t1rydlwq

t1rydlwq2#

试试这个:

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

yacmzcpb3#

点击这里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');
对我来说,只有第三个工作效率高。

ajsxfq5m

ajsxfq5m4#

唯一对我有用的是:

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

g52tjvyc5#

如果你打开了pop up,那么它将返回一个magnific object,使用这个object,你可以callclose 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();
    }
});
wj8zmpe1

wj8zmpe16#

magnificPopup iframe:

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

bhmjp9jg7#

这是我关闭弹出窗口的唯一方法:

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

相关问题