javascript - 单击jquery的增量变量

Question

我正在制作交互式信息图。基本上有一些圆圈飞来飞去。我尝试通过单击按钮来更改圆圈的数量，因此我想在单击时将 variable d 增加 1，以从数组中获取另一个元素。但它不起作用。有什么想法吗？

var leuko = ["167", "143", "134", "96"]; //array


var d = 0; //variable

$("#day").click(function() {

d += 1;

_

for (var i = 0; i < leuko[d]; i++) {

var x = 20 + (Math.random() * (canvasWidth - 40));
var y = 20 + (Math.random() * (canvasHeight - 40));

var radius = 5;
var vX = Math.random() * 0.2;
var vY = Math.random() * 0.2;

我希望你能理解我的问题，因为我的英语不是最好的。

这是一个 jsfiddle 链接。布局看起来有点乱..

http://jsfiddle.net/JDU6H/

谢谢!

Answer 1

无需重写代码的许多部分，您只需更改点击功能即可:

$("#day").click(function() {
    d += 1;

    var x = 20 + (Math.random() * (canvasWidth - 40));
    var y = 20 + (Math.random() * (canvasHeight - 40));

    var radius = 5;
    var vX = Math.random() * 0.2;
    var vY = Math.random() * 0.2;

    zellen.push(new Zelle(x, y, radius, vX, vY));
});

http://jsfiddle.net/JDU6H/2/

尽管如此，我还是建议您为所有单元格创建一个类并添加一个add() 函数。