javascript - 超出 Magnific Popup 和 Bootstrap 3 模态调用堆栈

标签 javascript jquery twitter-bootstrap stack-overflow magnific-popup

将 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/

相关文章:

javascript - 如何在 ag-grid 行上创建工具提示?

javascript - 使用 AJAX 将数据从 PHP 返回到 JavaScript - 数据类型错误?

javascript - JQuery Ajax 成功后弹出窗口不会打开

jquery - jqgrid刷新网格按钮不传递过滤器

javascript - Twitter Bootstrap 选项卡 Pane 中未加载 Morris JS 图表

带有可选参数的javascript构造函数

javascript - ExpressJS 改变路由而不刷新

php - Jquery带参数加载动态内容

javascript - Bootstrap - 使用 jquery 进行图标切换

javascript - Bootstrap : Search Icon Button Inside Input Box separates from Inputbox at non-desktop Resolution