将 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的回复
Line 375 seems to be the problem. I commented it out and the Maximum call stack size exceeded error went away.
_document.on('focusin' + EVENT_NS, mfp._onFocusIn);
关于javascript - 超出 Magnific Popup 和 Bootstrap 3 模态调用堆栈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34622491/