javascript - jquery on keyup 触发 css

Question

我在运行这个简短的脚本时遇到了问题。我想通过获取输入元素的值来设置 div 的 width 和 height。

<input id="width" type="number" class="num" />
<input id="height" type="number" class="num" />
<br />
<br />
<div>
</div>

var w = +$('#width').val();
var h = +$('#height').val();

var width = w * 10;
var height = h * 10;

$('.num').keyup(function(){
$('div').css({
    'width' : width,
    'height' : height
});
});

JSFIDDLE

我怎样才能让它工作？

Answer 1

$('.num').keyup(function(){
  var w = +$('#width').val();
  var h = +$('#height').val();
  var width = w * 10;
  var height = h * 10;
  $('div').css({
    'width' : width,
    'height' : height
  });
});

你需要在人改变的时候得到 val，他们按照你的编码方式，它在脚本运行的时候得到宽度和高度的值，它永远不会改变。