Chrome / jQuery Uncaught RangeError：最大コールスタックサイズを超えました

Chromeで「Uncaught RangeError：Maximum call stack size超過」というエラーが表示されます。ここに私のjQuery関数があります

$('td').click(function () {
        if ($(this).context.id != null && $(this).context.id != '') {
            foo($('#docId').val(), $(this).attr('id'));
        }
        return false;
    });

ページには数万のセルがあることに注意してください。ただし、私は通常、スタックオーバーフローを再帰に関連付けます。この場合、私が見る限り、何もありません。

このようなラムダを作成すると、スタックに大量のものが自動的に生成されますか？それを回避する方法はありますか？

現時点での唯一の回避策は、HTMLをレンダリングするときに各セルでonclickイベントを明示的に生成することです。これにより、HTMLがはるかに大きくなります。

「ページには数万のセルがある」ため、クリックイベントをすべてのセルにバインドすると、パフォーマンスに重大な問題が発生します。これを行うには、クリックイベントを本文にバインドし、セル要素がクリックのターゲットであるかどうかを確認するという、より良い方法があります。このような：

$('body').click(function(e){
       var Elem = e.target;
       if (Elem.nodeName=='td'){
           //.... your business goes here....
           // remember to replace $(this) with $(Elem)
       }
})

このメソッドは、ネイティブの「td」タグだけでなく、後で追加される「td」でもタスクを実行します。イベントのバインドとデリゲートに関するこの記事に興味があると思います

または、jQueryの" .on（） "メソッドを使用して、同じ効果を得ることができます。

$('body').on('click', 'td', function(){
        ...
});

無限ループがある場合にも、このエラーが発生する可能性があります。終わりのない再帰的な自己参照がないことを確認してください。

鉱山はもっと間違いでした、起こったのは基本的には親をクリックしたログインをクリックすることによるループクリック（おそらく）でした。これにより、最大コールスタックサイズを超えました。

$('.clickhere').click(function(){
   $('.login').click();
});

<li class="clickhere">
  <a href="#" class="login">login</a>
</li>

この問題は、他の多くのjQueryプラグインを含むWebサイト内でjQUery Fancyboxを使用したときに発生しました。Fancyboxの代わりにLightBox（サイトはこちら）を使用した場合、問題は解決しました。

Uは使用できます

  $(document).on('click','p.class',function(e){
   e.preventDefault();
      //Code 
   });

最近この問題にも遭遇しました。ダイアログdivに非常に大きなテーブルがありました。15,000行を超えていました。.empty（）がダイアログdivで呼び出されたときに、上記のエラーが発生しました。

ダイアログボックスのクリーニングを呼び出す前に、非常に大きなテーブルから1行おきに行を削除してから、.empty（）を呼び出すという回避策を見つけました。それでもうまくいったようです。私の古いバージョンのJQueryでは、このような大きな要素を処理できないようです。