javascript - jquery 抛出“未捕获的 RangeError：超出最大调用堆栈大小”

Question

当有人点击我网站上的某个链接时，我FancyBox2-Rails会打开一个小窗口/对话框。

这是简单的视图：

:javascript
$(document).ready(function() {
  $("a.iframe").fancybox();
});

...

%li
  = User_name
  = link_to 'Click me', "http://www.google.com", :class => "iframe"

...

但我不断收到此错误：

Uncaught RangeError: Maximum call stack size exceeded jquery.js:2868
jQuery.event.remove jquery.js:2868
jQuery.event.remove ....
.......

谁能告诉我发生了什么？

谢谢

Answer 1

最近经常发生这种情况，你在使用 twitter bootstrap 吗？

https://github.com/twitter/bootstrap/issues/6862

Twitter Bootstrap 3.2 打破了 Fancybox 和 fancybox 支持已经表示他们不会修复它，所以它主要是一个 javascript 问题而不是 rails

在这种情况下，您使用的是 Twitter Bootstrap 3.2 或类似的东西

---

按照github链接上的问题，似乎有一个修复

更改第 794 行中的代码（bootstrap.js）

.on('.dropdown-menu', function (e) { e.stopPropagation() })

为了这

.on('touchstart.dropdown.data-api', '.dropdown-menu', function (e) { e.stopPropagation() })