将Boostrap 3 Modal与Magnific Popup结合使用时遇到一个有趣的问题。我有一个包含视频列表的Bootstrap Modal,每个视频都有一个查看链接,可打开Magnific Popup iframe弹出窗口。

一切正常,直到我使用Magnific Popup的z-index进行播放,以使其出现在Bootstrap Modal的顶部。问题是,如果您尝试关闭Magnific Popup(或根本不与之交互),则会发生stackoverflow错误(超出了最大调用堆栈)。

注意:如果我不理会Magnific Popup的z-index,一切都会很好。

简化示例:http://codepen.io/craigh/pen/GoWWOK/

注意:codepen可抑制SO错误,因此问题并不明显。但是在我的网站上,SO发生了将浏览器锁定的情况。

我认为这与如何在Bootstrap Modal之外单击来关闭模态有关,但是我将模态背景更改为静态(强制用户单击x或关闭按钮)但没有任何更改。有任何想法吗?

最佳答案

有人在关于同一问题的github issue中发布了该问题的答案。注释掉一行代码似乎弄乱了它的窍门,到目前为止,我还没有发现任何副作用。

取自github用户RandomArray的回应


  375行似乎是问题所在。我评论了它和最大
  超出调用堆栈大小错误消失了。
  
  _document.on('focusin'+ EVENT_NS,mfp._onFocusIn);

07-24 18:17