关键字触发器css上的jquery

Question

我无法让这个简短的脚本工作。我想通过获取输入元素的值来设置width的{​​{1}}和height。

div

JSFIDDLE

如何让这个工作？

Answer 1

这是一个你可以开始使用的快速版本，它只调整宽度。一旦你开始工作，然后增加高度。

$('#width').keyup(function(){
  var w = $(this).val() * 10;
  $('div').css('width',w);
});

更新了小提琴：http://jsfiddle.net/djd0jqo1/12/

Answer 2

$('.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，他们编码的方式，它在脚本运行的那一刻得到宽度和高度的值，并且它永远不会改变。

Answer 3

$('.num').keyup(function(e){
 var w = +$('#width').val();
 var h = +$('#height').val();
 var width = w * 10;
 var height = h * 10;
if(width!=0)
{
$('div').css(
    'width' , width+"px"

)
}
  if(height!=0)
 {
  $('div').css('height',height+'px');
 }
 });