jquery throws "Uncaught RangeError: Maximum call stack size exceeded "

Question

I am using FancyBox2-Rails to open a small window/dialogue box when someone clicks on a certain link on my site.

Here is the simple view:

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

...

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

...

But I keep getting this error:

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

Could anyone tell me what's happening?

Thanks

Answer 1

That happens a lot lately, are you using twitter bootstrap?

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

Twitter Bootstrap 3.2 breaks Fancybox and fancybox support already said they won't fix it, so its mostly a javascript issue rather than rails

That's in the case you are using Twitter Bootstrap 3.2 or something like that

---

Follow the issue on the github link, there seems there is a fix by doing

change code in line 794 (bootstrap.js)

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

for this

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