Question

我正在研究互动信息图。基本上有很多圈子飞来飞去。我尝试通过单击按钮来更改圆圈的数量，因此我想在单击时将变量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-link。布局看起来有些混乱......

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（）函数。

点击jquery增加变量

1 个答案: