Question

原谅我，如果我没有正确地问这个，我是这个网站的新手。我正在研究The Odin Project的Etch-a-Sketch项目，你们中的一些人可能对它很熟悉。基本上在这一点上，我想要做的是使用jquery中的按钮调整一些div的大小，我想知道是否可以使用我所在的函数设置这些div（高度和宽度）的CSS属性使用jquery变量来设置新大小。

当我点击New Grid按钮时，我希望它根据我在提示中输入的数字来调整div的高度和宽度。

这是我到目前为止所拥有的：

我要做的是让.pixel的CSS属性反映“size”变量，该变量来自单击按钮后在提示中输入的任何数字。例如，如果我在提示时输入20，那么应该导致448（我的容器div的高度和宽度保持我正在尝试调整大小的div）除以20，并使用该值来更改CSS高度和宽度属性

我是以正确的方式来做这件事的吗？我知道resizePix函数有效，因为如果我只使用常规值来更改CSS，则在使用按钮时会反映更改。我只是无法弄清楚如何获取我的高度和宽度变量来改变CSS属性。

Answer 1

划分你的功能，而不是在你的功能之外

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="new_grid">GRID SIZE</button>

var http = require('http');


var options = {
  host: 'site',
  path: 'path'

};

callback = function(response) {
  var str = '';

  //another chunk of data has been recieved, so append it to `str`
  response.on('data', function (chunk) {
    str += chunk;
  });

  //the whole response has been recieved, so we just print it out here
  response.on('end', function () {
    console.log(str);
  });
}

http.request(options, callback).end();

使用jquery变量作为CSS属性

1 个答案: