Javascript 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();
});

移除它。这没有任何意义

---

注意：查看控制台上的错误

以下代码块负责该错误

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

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

移除它。这没有任何意义

---

注意：查看控制台上的错误

不幸的是，当单击按钮或p元素时，移除它们会导致卡翻转。如何防止这些点击导致卡片翻转？@Dezzamondo添加此项，

$（文档）

抱歉Raj，运气不好：（@Dezzamondo你试过我们使用

e.StopPropagation（）

而不是

return；

。？成功了！e.StopPropagation（）在我当前的库中导致了一些错误，但使用e.stopImmediatePropagation（）有效：）不幸的是，当点击按钮或p元素时，移除它们会导致卡翻转。如何防止这些点击导致卡片翻转？@Dezzamondo添加此项，

$（文档）

抱歉Raj，运气不好：（@Dezzamondo你试过我们使用

e.StopPropagation（）

而不是

return；

。？成功了！e.StopPropagation（）在我当前的库中导致了一些错误，但使用e.stopImmediatePropagation（）有效：）