Jquery .push配列の長さを増やさない

Question

マッチゲームを構築していて、配列の長さ= 2に一致するかどうかをチェックする空の配列にカードの値を渡そうとしています。 $ flippedCards、私はカードの値がそれにプッシュされておらず、その長さはまだ0

$('.card').click(function() { 
MatchGame.flipCard($(this),$('#game')) 
}); 


MatchGame.flipCard = function($card, $game) { 

    var $flippedCards = $game.data('flippedCards', []); 

    console.log($card.data('flipped')); 
    console.log($card.data('value')); 
    console.log($card.data('color')); 

    if ($card.data('flipped')) { 

     console.log('card already flipped'); 
     console.log($flippedCards); 
     return; 

    } else { 

     $card.data('flipped', true); 
     $card.css('background-color', $card.data('color')); 
     $card.text($card.data('value')); 
     $card.css('background-image', null); 
     $flippedCards.push($card.data('value')); 

     console.log($flippedCards); 
    } 

}; 

あるプロジェクトはここhttps://github.com/liviarett/matchgame

Answer 1

データは、ここでは属性：あなたは$ game.data行うときに、それは実際にあなたに$ゲームを返すよう

var $flippedCards = $game.data('flippedCards', []); 

jQueryのは、すべての連鎖についてです（ 'filppedCardsを'、[]）：

$game.data('flippedCards', []) === $game // true 

renderCardsメソッドの前のどこかにデータ属性を設定したい場合があります。そして、valueパラメータなしで$ flippedCardsを設定します。

var $flippedCards = $game.data('flippedCards'); 

UPDを：あなたはすでにそれが実際にrenderCards方法にあります質問をするとき

$game.empty(); 
$game.data('flippedCards', []); 

Answer 2

も利用可能である私はクローン化され、あなたのコードを実行されたことを参照してください。新しいvar $flippedCards = $game.data('flippedCards', []);を毎回初期化しているようですが、それを初期化してグローバル変数にするか、パラメータとして渡すか、それを新しい変数として再初期化する必要があります。あなたが望むように増加していません。あなたが実際に設定されているので