jQuery：太多的递归和最大的调用堆栈大小超过

我正在构建一个具有翻转单个卡片的jQuery功能的应用程序。 但是，在Firefox和Chrome中，我不断收到错误“太多的递归”和“超出最大调用堆栈大小”。

从关于此事的其他文章中，我将stopImmediatePropagation（）添加到了调用中，但仍然收到错误...没有以前那么多，但仍然使足够注意的事情瘫痪。

有一个基地“卡”应该翻转，其次是按钮和测试坐在上面，不应该导致卡翻转。 下面的工作，但导致从jQuery的冒泡递归。

当前的代码是：

  $(document).on("click", ".card-container", function(e){
    e.stopImmediatePropagation();  
    $(this).flip();
  });
  $(document).on("click", ".btn", function(e){
    e.stopImmediatePropagation(); 
    $(this).click();
  });
  $(document).on("click", "p", function(e){
    $(this).click();
  });

我应该怎么做才能防止这些错误发生？

干杯:)

---

以下代码块负责该错误，

$(document).on("click", ".btn", function(e){
    e.stopImmediatePropagation(); 
    $(this).click();
});

$(document).on("click", "p", function(e){
    $(this).click();
});

去掉它。 这没有任何意义。

DEMO

注意：请参阅控制台上的错误

链接地址: http://www.djcxy.com/p/71693.html

上一篇: jQuery: Too Much Recursion and Maximum Call Stack Size Exceeded

下一篇: How to find what code is run by a button/element in Chrome using Developer Tools