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);
    });
});

这是我的代码：http://codepen.io/Dr3am3rz/pen/ggPYEO

Answer 1

您需要将i与零进行比较，但不能分配。

其次，您需要将i++移出if(){}声明。

第三，您需要正确链接所需的库。

$(".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);
        });
    });

结果是：http://codepen.io/anon/pen/ZLQEGr

设置每个框的计数器

1 个答案: