Javascript 当我更改其边距顶部时,正方形没有向下移动
由于某种原因,调用函数Javascript 当我更改其边距顶部时,正方形没有向下移动,javascript,Javascript,由于某种原因,调用函数fallingFunction时,我的黄色方块没有向下移动。。。为什么? var marginTop=0; var square=squareGenerator(); 函数生成器(){ var newSquare=$(document.createElement(“div”); 新闻广场({ “背景色”:“黄色”, “高度”:“200px”, “宽度”:“200px”, “位置”:“绝对” }); $('.father').append(newSquare); 返回新闻广
fallingFunction
时,我的黄色方块没有向下移动。。。为什么?
var marginTop=0;
var square=squareGenerator();
函数生成器(){
var newSquare=$(document.createElement(“div”);
新闻广场({
“背景色”:“黄色”,
“高度”:“200px”,
“宽度”:“200px”,
“位置”:“绝对”
});
$('.father').append(newSquare);
返回新闻广场;
}
函数fallingFunction(){
marginTop+=50;
square.css({marginTop});
}
var squareFallingInterval=设置间隔(fallingFunction,500);
var squareGenerationInterval=设置间隔(squareGenerator,2500)代码>
正文{
填充:0;
保证金:0;
}
.父亲{
宽度:100%;
高度:1000px;
背景颜色:浅蓝色;
}
诺瓦诺特
您在fallFunction中错误地使用了“this”。可以在squareGenerator函数中返回要编辑的正方形吗
var marginTop = 0;
var square = squareGenerator();
function squareGenerator() {
var newSquare = $(document.createElement("div"));
newSquare.css({
"background-color": "yellow",
"height": "200px",
"width": "200px"
});
$('.father').append(newSquare);
return newSquare;
}
function fallingFunction() {
marginTop += 10;
square.css({marginTop});
}
var squareGeneratorinterval = setInterval(fallingFunction, 1500);
可能是因为错误上写着:“js:67 Uncaught TypeError:无法读取未定义的属性'css'”这是什么。newSquare
应该是什么?你在这方面犯了同样的错误。您还试图使用函数中的变量如何获取先前创建的正方形并在fallingFunction()函数上更改其css?我明白了!我在再试一次。谢谢,我在试着让正方形在创建后掉落,就像旧的“吉他英雄”电子游戏上的一张便条。啊,好的。见修正后的答案。是的!差不多完美了,谢谢。我已经上传了关于我的问题的代码到你的问题上,但是有一些细微的变化,唯一缺少的是我可以喜欢第一个问题之后生成的正方形在生成之后也会落下。谢谢。