请原谅我问得不恰当,我是这个站点的新手。我正在做Odin项目中的Etch-a-Sketch项目,你们中的一些人可能对它很熟悉。基本上,现在我要做的是使用jquery中的一个按钮调整一些div的大小,我想知道是否有可能用一个函数来设置这些div的CSS属性(高度和宽度),在这个函数中我使用一个jquery变量来设置新的大小。
当我单击“新建网格”按钮时,我希望它根据我在提示中输入的数字调整div的高度和宽度。
以下是我目前掌握的情况:
$("#new_grid").click(function() {
var height = 448 / size;
var width = 448 / size;
var resizePix = function() {
$(".pixel").css({"height": ???, "width": ???});
$(".pixel").appendTo("#grid");
}
var size = prompt("Enter new grid size (10 - 100):");
if (size < 10) {
alert("Number is too small.");
} else if (size > 100) {
alert("Number is too big.");
} else if (size >= 10 || size <= 100) {
resizePix();
}
我希望做的是让.pixel的CSS属性反映“size”变量,该变量来自单击按钮后在提示符中输入的任何数字。(我的容器div的高度和宽度,它包含我试图调整大小的div)乘以20,并使用该值来更改CSS的高度和宽度属性。
我的方法正确吗?我知道resizePix函数是有效的,因为如果我只是使用常规值来更改CSS,那么这些更改会在使用按钮时反映出来。我只是不知道如何使用height和width变量来更改CSS属性。
1条答案
按热度按时间mutmk8jj1#
在函数内部划分,而不是在函数外部划分
第一个