Jquery 放大弹出窗口–;模态盒内的图像库

Jquery 放大弹出窗口–;模态盒内的图像库,jquery,magnific-popup,Jquery,Magnific Popup,我使用了伟大的放大弹出式内联内容模式框。在这个模式中有一个图像库,我也希望使用放大弹出窗口。 是否有任何方法可以“更深一层”,通过单击图像,在gallery显示模式下显示这些图像,并在退出此模式框时返回到原始模式框 感谢您昨天刚刚实施的建议,现在开始 var parentPopup=false; $.magnificPopup.open({ 项目:{src:'#内联内容'}, 键入:“内联”, 回调:{ 打开:函数(){ $(“#画廊”) .off('单击') .on('click',函数(e)

我使用了伟大的放大弹出式内联内容模式框。在这个模式中有一个图像库,我也希望使用放大弹出窗口。 是否有任何方法可以“更深一层”,通过单击图像,在gallery显示模式下显示这些图像,并在退出此模式框时返回到原始模式框


感谢您昨天刚刚实施的建议,现在开始

var parentPopup=false;
$.magnificPopup.open({
项目:{src:'#内联内容'},
键入:“内联”,
回调:{
打开:函数(){
$(“#画廊”)
.off('单击')
.on('click',函数(e){
e、 停止传播();
//如果实例已打开,请跟踪并关闭它
if($.magnificpoup.instance.isOpen){
parentPopup=true;
//在这里,我们还可以使用$.magnificpoup.instance.clone()将父实例存储在全局变量中,例如,如果我们有多个父弹出窗口,则可以知道哪个是父弹出窗口。
$.magnificPopup.close();
}
})
.放大弹出窗口({
键入:“图像”,
画廊:{
已启用:true
},
回调:{
后关闭:函数(){
//如果我们来自父母
如果(parentPopup==真){
//在此处重新打开初始弹出窗口
}
}
}
});
}
}
});
在你的例子中,我不认为跟踪全局变量和两个条件是必要的,但是我的实现更复杂,所以我把它们放在那里了

这里的关键是,您必须在打开下一个弹出窗口之前关闭第一个弹出窗口,然后在关闭第二个弹出窗口后重新打开它


希望有帮助。

非常感谢你,马克。我在一周前放弃了这个解决方案,但将来我可能会回到您的伟大解决方案并使用它:)