Chrome/jQuery Uncaught RangeError: Superato lo stack stack delle chiamate superato

Question

Viene visualizzato l'errore "Uncaught RangeError: Maximum stack stack size exceeded" su chrome. ecco la mia funzione jQuery

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

Nota che ci sono decine di migliaia di celle nella pagina. Tuttavia, in genere associo lo stack overflow con la ricorsione e in questo caso, per quanto posso vedere, non c'è nessuno.

La creazione di un lambda come questo genera automaticamente un carico di cose in pila? c'è un modo per aggirarlo?

Al momento l'unica soluzione alternativa è generare gli eventi onclick esplicitamente su ogni cella durante il rendering dell'HTML, il che rende l'HTML molto più grande.

Answer 1

Come "ci sono decine di migliaia di celle nella pagina" che vincola l'evento clic a ogni singola cella causerà un terribile problema di prestazioni. Esiste un modo migliore per farlo, ovvero legare un evento click al corpo & per scoprire se l'elemento cella era il target del clic. Come questo:

$('body').click(function(e){ 
     var Elem = e.target; 
     if (Elem.nodeName=='td'){ 
      //.... your business goes here.... 
      // remember to replace $(this) with $(Elem) 
     } 
}) 

Questo metodo non solo fare la tua attività con tag nativo "td", ma anche con più tardi aggiunto "td". Credo che sarete interessati a questo articolo su event binding & delegate

---

Oppure si può semplicemente utilizzare il metodo ".on()" di jQuery con lo stesso effetto:

$('body').on('click', 'td', function(){ 
     ... 
}); 

Answer 2

Questo problema è accaduto con me quando ho usato jquery Fancybox all'interno di un sito web con molti altri plugin jQuery. Quando ho usato il LightBox (site here) invece di Fancybox, il problema è scomparso.

Answer 3

È inoltre possibile ottenere questo errore quando si dispone di un ciclo infinito. Accertati di non avere riferimenti personali non ricorrenti e ricorsivi.

Answer 4

Il mio era più di un errore, quello che è successo è stato il clic del ciclo (credo) fondamentalmente facendo clic sul login è stato anche fatto clic sul genitore che ha provocato il superamento della dimensione massima dello stack delle chiamate.

$('.clickhere').click(function(){ 
    $('.login').click(); 
}); 

<li class="clickhere"> 
    <a href="#" class="login">login</a> 
</li> 

Answer 5

U può utilizzare

$(document).on('click','p.class',function(e){ 
    e.preventDefault(); 
     //Code 
    }); 

Answer 6

recente ho appena incontrato questo problema pure. Ho avuto una tabella molto grande nella finestra di dialogo div. Era> 15.000 righe. Quando è stato chiamato .empty() sulla finestra di dialogo, ho ricevuto l'errore sopra.

Ho trovato una soluzione rotonda in cui prima chiamavo la pulizia della finestra di dialogo, rimuovevo ogni altra riga dalla tabella molto grande, quindi richiama il .empty(). Sembrava aver funzionato però. Sembra che la mia vecchia versione di JQuery non possa gestire elementi così grandi.