Prevenire errore "troppo ricorsione" in jQuery

Question

EDIT **

ho questo evento click

$('.next-question').click(function() { 

    $('td').removeClass('highlight-problem'); 
    var r = rndWord; 
    while (r == rndWord) { 
     rndWord = Math.floor(Math.random() * (listOfWords.length)); 
    } 
    $('td[data-word="' + listOfWords[rndWord].name + '"]').addClass('highlight-problem'); 
    $('td[data-word=' + word + ']').removeClass('wrong-letter').removeClass('wrong-word').removeClass('right-letter'); 
    var spellSpace = $('td[data-word=' + listOfWords[rndWord].name + ']').hasClass('right-word'); 
    if (spellSpace) { 

     $('.next-question').trigger('click'); 

    } else { 

     $("#hintSound").attr('src', listOfWords[rndWord].audio); 
     hintSound.play(); 
     $("#hintPic").attr('src', listOfWords[rndWord].pic); 
     $('#hintPic').show(); 
     $('#hintPicTitle').attr('title', listOfWords[rndWord].hint); 
     $('#hintPicTitle').show(); 

    } 

}); 

Quando il debug nella console si dice too much recursion che significa che è in una sorta di circolo senza fine a questo punto. Penso che sia a causa dell'evento trigger("click") nell'istruzione if, perché ho visto qualcosa di simile online.

Fondamentalmente, voglio dire, se dato parola ha la classe right-word poi passare (da qui il grilletto), altrimenti ...

C'è un altro modo di scrivere che non vada in crash?

Ecco un violino: http://jsfiddle.net/Dxxmh/112/

ISTRUZIONI: Clicca le lettere sulla destra di precisare l'area evidenziata nella griglia (Le immagini per aiutare si scrive le parole non sono disponibili in un violino in modo da avere a precisare utilizzando la console, cercando il TD)

Answer 1

vorrei fare qualcosa di simile:

if (spellSpace) { 
      if(score.right != 4) 
       $('.next-question').trigger('click'); 

Vedo come if(score.right == 4) significa la fine del gioco. Dopo che è finita - non hai parole (o semplicemente non hai parole "giuste", non ne sono sicuro) ed è per questo che non si ferma mai. Attiva semplicemente clic per sempre invece di smettere di fare qualsiasi cosa e attendere che l'utente faccia clic sul pulsante Riavvia.

Immagino che questa condizione non sia sufficiente. Non sei sicuro di come viene contato e gestito il numero di parole sbagliate. Ma dovrebbe essere sufficiente per andare avanti e costruire condizioni corrette in base alla logica del tuo programma. Qualsiasi ricorsione avviata (e avviata con trigger ("clic")) deve avere una condizione di arresto.

Answer 2

tenta di utilizzare questo:

$('.next-question').click(function (event) { 
    event.preventDefault(); 
}); 

Answer 3

.trigger('click') sarà solo richiamare l'ascoltatore ancora una volta. Hai intenzione di seguire il link solo in quella circostanza? In tal caso, è possibile return false nello scenario else.

Answer 4

Questo non è un problema di jQuery: si sta innescando manualmente lo stesso evento da all'interno del gestore:

$('.next-question').trigger('click'); 

Ora, questo causerà un ciclo infinito se non stai attento. Il modo migliore per risolvere questo problema è non per richiamare il gestore attivando l'evento per la seconda volta, ma chiamandolo con un nome di funzione:

$('.next-question').click(function callMe(event) 
{ 
     //replace: $('.next-question').trigger('click'); 
     //with this: 
     if (spellSpace && event) 
     {//also check if the event has been passed 
      callMe.apply(this,[]);//don't pass event for recursive call 
     } 
});