收到“范围错误: 超出最大调用堆栈大小”错误

Getting the "RangeError: Maximum call stack size exceeded" error

本文关键字:错误 调用 堆栈 范围 范围错误 收到      更新时间:2023-09-26

我在Chrome中收到这个JavaScript错误:

范围错误:超出最大调用堆栈大小 [http://localhost:5545/assets/js/jquery.min.js:2]

通过此click事件:

$('.accept-answer-button').click(function() {
    var id = $(this).parent().parent().attr('id').replace('answer_', ''),
        b = this;
    if ($('.accepted').length > 0) $('.accepted').click();
    AP.AcceptAnswer(id, $(b));
});​

AP.AcceptAnswer()的代码是:

AP.AcceptAnswer = function(a, o) {
    $.getJSON('/assets/ajax/accept-answer', {
        qid: qid,
        answer: a
    }, function(data) {
        if (data.success == true) {
            if (data.type == 'accepted') {
                var title = o.attr('data-unaccept-title').replace('{t}', data.time);
                o.addClass('accepted').attr('title', title);
            }
            else if (data.type == 'unaccepted') {
                var title = o.attr('data-accept-title').replace('{t}', data.time);
                o.removeClass('accepted').attr('title', title);
            }
        }
        else {
            alert(data.error);
        }
    });
}; // end AP.AcceptAnswer()​

当用户想接受另一个答案时,我正在做$('.accepted').click();只是为了不接受当前接受的答案(如果有的话)。

你确定类.accepted.accept-answer-button不指向同一个元素吗?如果是,则在执行此操作时会递归触发单击事件:

$('.accepted').click(); 

如果$('.accepted').length > 0总是正确的。