magnific-popup - $.magnific Popup.open() 回调不起作用

Question

$.magnificPopup.open({
    items: {
        src: $('#cabinet-msg')
    },
    type:'inline',
    midClick: true,
    callbacks: {
        close: function() {
            alert('test');
        }
    }  
});


$.magnificPopup.open({
    items: {
        src: $('#cabinet-msg2')
    },
    type:'inline',
    midClick: true,
    callbacks: {
        close: function() {
            alert('test2');
        }
    }  
});

我该如何解决这个问题？我需要使用不使用默认初始化的 javascript 创建弹出窗口。它有效，但仅适用于一种情况。如何使它适用于多个实例？

问题似乎在这里:

_checkInstance = function() {
    if(!$.magnificPopup.instance) {
        mfp = new MagnificPopup();
        mfp.init();
        $.magnificPopup.instance = mfp;
    }
}

但是当这样声明时:

$('.acb-modal').magnificPopup({
    type:'inline',
    midClick: true,
    callbacks: {
        close: function() {
            $('#opencallback div.timer').hide();
            $('#opencallback #callback_form').show();
            $('#acb-msg-box').hide();
        }
    }   
 });

它工作正常。

我认为它适用于特定于 jquery 的，但我不熟悉它。

我可以通过为此添加隐藏元素来使其工作，但我想使其清楚。

Answer 1

是的，我通过解析 jquery 对象为我找到了解决方案:-)

您可以使用此直接重新声明回调方法

$.magnificPopup.instance.st.callbacks = {
    close: function() {
         alert('test3')
       }
    }

在使用 $.magnificPopup.open 之前

感谢帮助)