1

在更改了来自两个单独文本字段输入的输入后，我试图将图像持有者 div 移动到特定的 x 和 y 坐标。下面是仅 x 坐标的代码。

这是一个jfiddle 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);
});
4

4 回答 4

3

尝试添加'px'：

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

为我工作：http: //jsfiddle.net/VNqqx/

有效的原因0是因为left: 0是有效的 CSS。

于 2013-01-11T22:40:19.150 回答
1

尝试添加 'px' 或 * 1 以获得 int：

$( "#img1" ).css('left', img1x + 'px');

见http://jsfiddle.net/dhpkW/1/

于 2013-01-11T22:41:31.137 回答
1

将“px”添加到您的左侧值：

$( "#img1" ).css('left', img1x+'px');
于 2013-01-11T22:42:03.687 回答
1

你可以试试这个进行流畅的过渡

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

你不需要那个px时候。

看看http://jsfiddle.net/dhpkW/6/

于 2013-01-11T22:45:37.080 回答