的jQuery（）方法調用的最大堆棧大小超過

Question

爲什麼我收到此錯誤：

Uncaught RangeError: Maximum call stack size exceeded

這裏是我的代碼：

$(document).on('keypress focusout', '.checklist-item-input', function (e) { 
    if (e.which == 13 || e.type == 'focusout') { 
    $('.checklist-item').removeClass('edit'); 
    $(this).siblings('.checklist-item-detail').text($(this).val()); 
    $(this).blur(); 
    $('.checklist-item-detail').each(function() { 
     if (!$(this).text().length) { 
     $(this).closest('.checklist-item').parent().remove(); 
     } 
    }); 
    } 
}); 

Answer 1

正如其他人提到你有效地使一個遞歸調用。一個簡單的解決方法是增加一個定點變量來阻止它會遞歸：

var busy = false; 
$(document).on('keypress focusout', '.checklist-item-input', function (e) { 
    if (!busy && e.which == 13 || e.type == 'focusout') { 
    busy = true; 
    $('.checklist-item').removeClass('edit'); 
    $(this).siblings('.checklist-item-detail').text($(this).val()); 
    $(this).blur(); 
    $('.checklist-item-detail').each(function() { 
     if (!$(this).text().length) { 
     $(this).closest('.checklist-item').parent().remove(); 
     } 
    }); 
    busy = false; 
    } 
}); 

上`