Chrome jQuery Uncaught RangeError Maximum call stack size exceeded

Question

I am getting the error  Uncaught RangeError  Maximum call stack size exceeded  on chrome  here is my jQuery function     td   click function              if    this  context id    null  amp  amp    this  context id                      foo     docId   val      this  attr  id                       return false            Note that there are tens of thousands of cells in the page  However  I generally associate stack overflows with recursion and in this case as far as I can see there is none   Does creating a lambda like this automatically generate a load of stuff on the stack  is there any way round it   At the moment the only workaround I have is to generate the onclick events explicitly on each cell when rendering the HTML  which makes the HTML much larger

User · Answer

I recently just ran into this issue as well. I had a very large table in the dialog div. It was >15,000 rows. When the .empty() was called on the dialog div, I was getting the error above.

I found a round-about solution where before I call cleaning the dialog box, I would remove every other row from the very large table, then call the .empty(). It seemed to have worked though. It seems that my old version of JQuery can't handle such large elements.

User · Answer

You can also get this error when you have an infinite loop   Make sure that you don t have any unending  recursive self references

User · Answer

Mine was more of a mistake  what happened was loop click i guess  basically by clicking on the login the parent was also clicked which ended up causing Maximum call stack size exceeded         clickhere   click function           login   click          lt li class  clickhere  gt     lt a href     class  login  gt login lt  a gt   lt  li gt

User · Answer

As  there are tens of thousands of cells in the page  binding the click-event to every single cell will cause a terrible performance problem  There s a better way to do this  that is binding a click event to the body  amp  then finding out if the cell element was the target of the click  Like this      body   click function e          var Elem   e target         if  Elem nodeName   td                      your business goes here                   remember to replace   this  with   Elem                This method will not only do your task with native  td  tag but also with later appended  td   I think you ll be interested in this article about event binding  amp  delegate    Or you can simply use the   on    method of jQuery with the same effect      body   on  click    td   function

User · Answer

This problem happened with me when I used jQUery Fancybox inside a website with many others jQuery plugins  When I used the LightBox  site here  instead of Fancybox  the problem is gone

User · Answer

U can use      document  on  click   p class  function e      e preventDefault            Code

[javascript] Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded

Examples related to javascript

Examples related to jquery

Examples related to google-chrome

Examples related to webkit

Examples related to stack-overflow