jQuery：太多的遞歸和最大調用堆棧大小

Question

我正在構建一個具有jQuery功能的應用程序，該功能可以翻轉單個卡。 但是，在Firefox和Chrome中，我分別收到錯誤“ Too Much Recursion”和“最大調用堆棧大小超出”。

在有關此問題的其他文章中，我在調用中添加了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();
  });

我應該怎么做才能防止這些錯誤的發生？

干杯:)

Answer 1

以下代碼塊負責該錯誤，

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

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

去掉它。 這沒有任何意義。

演示

注意：在控制台上看到錯誤