Javascript 超出放大弹出和引导3模式调用堆栈

Javascript 超出放大弹出和引导3模式调用堆栈,javascript,jquery,twitter-bootstrap,stack-overflow,magnific-popup,Javascript,Jquery,Twitter Bootstrap,Stack Overflow,Magnific Popup,我有一个有趣的问题,当结合Boostrap3模式与放大弹出窗口。我有一个包含视频列表的引导模式,每个视频都有一个视图链接,可以打开一个放大的弹出窗口iframe Popup 一切都很好,直到我玩了放大弹出窗口的z-index,以使其显示在引导模式的顶部问题是,如果尝试关闭放大弹出窗口(或与之交互),则会发生堆栈溢出错误(超过最大调用堆栈) 注意:如果我不使用放大弹出窗口的z-index,一切正常 简化示例: 注意:codepen会抑制SO错误,因此问题不那么明显。但在我的网站上,这样的情况会发生

我有一个有趣的问题,当结合Boostrap3模式与放大弹出窗口。我有一个包含视频列表的引导模式,每个视频都有一个视图链接,可以打开一个放大的弹出窗口iframe Popup

一切都很好,直到我玩了放大弹出窗口的
z-index
,以使其显示在引导模式的顶部问题是,如果尝试关闭放大弹出窗口(或与之交互),则会发生堆栈溢出错误(超过最大调用堆栈)

注意:如果我不使用放大弹出窗口的
z-index
,一切正常

简化示例:

注意:codepen会抑制SO错误,因此问题不那么明显。但在我的网站上,这样的情况会发生:锁定浏览器


我认为这与在引导模式外单击关闭模式有关,但我将模式背景更改为静态(强制用户单击x或关闭按钮),但没有更改。有什么想法吗?

有人把这个问题的答案贴在了一个关于这个问题的网站上。注释掉一行代码似乎弄乱了它确实起到了作用,到目前为止我还没有发现任何副作用

取自github用户RandomArray的响应

第375行似乎是问题所在。我把它注释掉了,最大 超出调用堆栈大小错误消失

_文件(“聚焦”+事件,mfp.\u onFocusIn)


如果你不想干预放大弹出代码, github用户alyak46141414后来也提出了同样的建议

所以,我做到了

$(文档).off('focusin')

放大加载后(加载后调用的任何函数,您 可以在内部执行。ready()。它清除所有“聚焦”处理程序。无放大 弹出代码修改需要

这和Craig Harschbarger(你)的回答都对我有用