Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery-突破游戏-创建区块_Jquery - Fatal编程技术网

jQuery-突破游戏-创建区块

jQuery-突破游戏-创建区块,jquery,Jquery,我正在通过Uni的突破游戏学习jQuery。我无法在游戏中显示多个砖块。这不是家庭作业,只是我在课堂练习中领先 我尝试使用下面的循环来显示这些块 for (var row = 0; row < 5; row++) { for (var col = 0; col < 7; col++) { $("#game").append('<div class="brick" id="brick' + num + '"></div>');

我正在通过Uni的突破游戏学习jQuery。我无法在游戏中显示多个砖块。这不是家庭作业,只是我在课堂练习中领先

我尝试使用下面的循环来显示这些块

for (var row = 0; row < 5; row++)
{
    for (var col = 0; col < 7; col++)
    {
        $("#game").append('<div class="brick" id="brick' + num + '"></div>');

        var brick = {x: col * 140, y: row * 60, id:"#brick" + num, alive:true};
        bricks.push(brick);

        num++;
    }
}   
for(变量行=0;行<5;行++)
{
对于(变量col=0;col<7;col++)
{
$(“#游戏”)。附加(“”);
var-brick={x:col*140,y:row*60,id:“#brick”+num,alive:true};
砖。推(砖);
num++;
}
}   

完整代码。

对数组调用
.push()
函数。代码中不存在砖块数组。声明一个bricks数组,代码应该将新的brick推送到数组上。

您还需要在页面上指定brick的x和y位置,现在它们在DOM中,但它们都在同一个位置。尝试:

num = (row * 7) + col;
$brick = $('<div class="brick" id="brick' + num + '"></div>');
$brick.css({left: col * 140, right: row * 60});
$("#game").append($brick);
此外,在开始添加数组之前,需要定义数组,请将其放在第一个循环之前:

bricks = [];

是否将“砖块”定义为数组?如果正确,则只显示一个砖块。听起来你的答案和库萨的答案结合起来就是正确的答案。虽然正确,但仍然会抛出异常。听起来你和凯文的答案加起来就是正确答案。
bricks = [];