magnific-popup - 将回调应用于 Magnific Popup 的所有实例？

Question

有没有办法绑定(bind)一个事件回调，以便为 Magnific Popup 的所有实例调用它？在我正在构建的网站上，当主浏览器滚动条消失时，几个元素具有固定位置和“跳转”。我想设置一个回调以在打开任何弹出窗口之前为这些元素添加填充，并在关闭弹出窗口时删除填充。我不想在每次初始化 Magnific Popup 时都重复使用回调——我宁愿设置一组在 Magnific 打开和关闭弹出窗口时运行的回调。

我的第一个想法是使用事件委托(delegate)并在文档树中绑定(bind)到相当高的位置。我试图绑定(bind)到 mfpOpen 事件并监听 BODY 标记，但它看起来不像是事件气泡。还有其他解决方案吗？

Answer 1

事件仅在目标元素或文档上调度(如果目标元素不存在)。

但是你可以使用原型(prototype)全局覆盖 open 函数，例如:

$.magnificPopup.instance.open = function(data) {

    console.log('before open anything');

    $.magnificPopup.proto.open.call(this,data);

    console.log('after open anything');
};

你可以用 close 函数做同样的事情(它没有任何参数)。