массива Javascript не зацикливание назад к началу

Question

Я пишу простую карточную игру, но по какой-то причине этого код ниже ведет себя очень странно ... Функция поворота сначала вызывается с помощью theTurn(0)

players представляет собой массив объектов с именем игрока и руки и т.д.

function theTurn(playerNumber) { 
    if(play == 1) { 
     $('#player').text(players[playerNumber].Name); 
     $('#submit').click(function() { 
      nextPlayer(playerNumber); 
     }) 
    } 
} 

function nextPlayer(playerNumber) { 
    if(playerNumber == players.length - 1) { 
     theTurn(0); 
    } else { 
     theTurn(playerNumber + 1); 
    } 
} 

по какой-то причине я игрок 0, то 1, то 1, а затем снова 0.

Я оставил некоторые из материала в theTurn ... но это суть его, и проблема проявляется в и упрощенная версия.

Любая помощь с моей ошибочной логикой была бы весьма признательна.

Answer 1

Это на самом деле имеет немного больше смысла ... просто добавьте обработчик клика один раз, затем установите номер игрока как свойство данных, так что функция nextPlayer знает, что это такое без аргумента.

$('#player').data('activePlayer', 0); 
$('#submit').click(function() { 
    nextPlayer(); 
}); 

function theTurn(playerNumber) { 
    if(play == 1) { 
     $('#player').text(players[playerNumber].Name); 
     $('#player').data('activePlayer', playerNumber); 

    } 
} 

function nextPlayer() { 
    var playerNumber = $('#player').data('activePlayer'); 

    if(playerNumber == players.length - 1) { 
     theTurn(0); 
    } else { 
     theTurn(playerNumber + 1); 
    } 
}