javascript - jquery 抛出 "Uncaught RangeError: Maximum call stack size exceeded "

Question

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

这是简单的 View :

: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 link 上的问题, 似乎有解决方法

更改第 794 行的代码 (bootstrap.js)

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

为此

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