各ボックスにカウンタを設定する

Question

私はクリックしたときに穏やかに振るいくつかのボックスを持っています。クリックするほど、揺れにくくなります。ボックスは、10回の連続したクリックの後に「ドロップ」して並べ替えます。すべてのボックスは、同じカウンタを共有しません。

次のコードを試しましたが、カウンタを動作させることができません。

どのような種類の魂が私をここに助けることができますか？

ありがとうございました！ここで

$(".gift").each(function(){ 
    var i = 0; 
    $(this).click(function(){ 
     if(i == 0){ 
      TweenMax.fromTo(this, 1, {x:-1}, {x:1, ease:RoughEase.ease.config({strength:8, points:5, template:Linear.easeNone, randomize:false}) , clearProps:"x"}) 
      i++; 
     } 
     console.log(i); 
    }); 
}); 

は私codepenです：http://codepen.io/Dr3am3rz/pen/ggPYEO

Answer 1

あなたはゼロに私を比較する必要がありますが、割り当てられません。

第2に、i++をif(){}のうちに移動する必要があります。

第3に、必要なライブラリを正しくリンクする必要があります。

$(".gift").each(function(){ 
     var i = 0; 
     $(this).click(function(){ 
      if(i===0){ 
       TweenMax.fromTo(this, 1, {x:-1}, {x:1, ease:RoughEase.ease.config({strength:8, points:5, template:Linear.easeNone, randomize:false}) , clearProps:"x"}) 
      } 
       i++; 
     $(this).html("counter = "+i); 
     }); 
    }); 

結果である：（I == 0）{ `場合http://codepen.io/anon/pen/ZLQEGr