Contatori multipli in Javascript per il ciclo

Question

Prima di strapparmi i capelli e andare giù per il percorso sbagliato in termini di debug. Qualcuno può confermare che questo codice farà come previsto. Vale a dire. animare 5 div a diverse posizioni:

var i, j, k; 
$('#menuButton').click(function(){ 
    for (i=1; j=0; k=150; i<=5; i++; j+=30; k-=30){ 
     $('.spinner #item' + i).animate({ 
      left: '+=' + j, 
      bottom: '+=' + k 
      }, 500, function() { 
      // Animation complete. 
     }); 
    } 
}); 

quando clicco sul #menuButton, non succede nulla e ottengo questo errore:

Uncaught SyntaxError: Unexpected token ; on the 'for()' line...

Answer 1

Hai qualche punto e virgola in cui si desidera virgole:

for (i=1, j=0, k=150; i<=5; i++, j+=30, k-=30) { /* do work */ } 

Dovresti avere solo tre "dichiarazioni" all'interno del tuo for

for([init]; [test]; [increments]) { [block] } 

Per fare multipla [inits] o [increments] è necessario utilizzare le volte magical, but oft forgotten, comma operator

Answer 2

troppi punti e virgola non

for (i=1; j=0; k=150; i<=5; i++; j+=30; k-=30){ 

dovrebbe essere

for (i=1, j=0, k=150; i<=5; i++, j+=30, k-=30){ 

Answer 3

Hai fatto errori grammaticali nel codice che si potrebbe essere facilmente individuato se aveste usato static code analysis tools such as the lovely JSHint.

Inoltre, è necessario comprendere ulteriormente l'uso di comma operator in JavaScript, il nostro sito ha a few answers on it already.