jquery - 文本输入更改后jQuery移动div

在两个独立的文本字段输入更改后，我正试图将图像保持器div移动到特定的x和y坐标。下面是x坐标的代码。
这是一把小提琴here

var img1x;
var img1y;
var img1position;

img1position = $( "#img1" ).position();
img1x = img1position.left;
img1y = img1position.top;

我试过了，如果输入值是“0”，它只会移动div。它不会为别的东西移动：

$("#img1x").change(function() {
  //alert("img1x: " +img1x);
    $( "#img1" ).css('left', $( "#img1x" ).val());
});

我试过了，但什么也没用。

$("#img1x").change(function() {
  img1x = $( "#img1x" ).val();
  //alert("img1x: " +img1x);
    $( "#img1" ).css('left', img1x);
});

最佳答案

尝试添加'px'：

$("#img1x").change(function() {
  img1x = $( "#img1x" ).val();
  alert("img1x: " +img1x);
    $( "#img1" ).css('left', img1x + "px");
});

对我有用：http://jsfiddle.net/VNqqx/
之所以0有效是因为left: 0是有效的CSS。