jQuery Uncaught Auslöser Range: Maximale Call-Stack-Größe überschritten -Jquery

Question

Ich erhalte Fehler

Uncaught RangeError: Maximum call stack size exceeded

meine jQuery-Funktion:

$('td').click(function() { 
     if ($(this).context.id != null && $(this).context.id != '') { 
      foo($('#docId').val(), $(this).attr('id')); 
     } 
     return false; 
    }); 

Es gibt Zehntausende von Zellen in der Seite. Im Allgemeinen assoziiere ich Stapelüberläufe jedoch mit Rekursion, und in diesem Fall gibt es, soweit ich sehen kann, keine.

Hat die Schaffung eines Lambda wie diese automatisch eine Last von Sachen auf dem Stack generieren? gibt es einen Weg um es herum?

Answer 1

Wenn Sie wirklich haben (müssen?) Tausende von td s auf Ihrer Seite, ich denke, es wäre die Rechenlast aufzuhellen einen einzigen Klick Zuhörer zu einem Vorfahren Element hinzuzufügen, anstatt einen Klick Zuhörer zu jedem einzelnen td hinzuzufügen. Zum Beispiel:

$('table').on('click', 'td', function() { 
    var $tabledata = $(ev.target).closest('td'); 
    if ($tabledata.context.id != null && $tabledata.context.id != '') { 
     foo($('#docId').val(), $tabledata.attr('id')); 
    } 
    return false; 
}); 

Ich denke, das die Last zu der Zeit hinzugefügt werden aufhellen würde die Handler, aber möglicherweise nicht, wenn sie feuern. Wenn Sie andere Probleme haben, die Ihren Fehler verursachen (zum Beispiel in der Methode foo), müssten wir den Code sehen, um diese Fehler zu beheben.