Question

我正在尝试创建一个非常简单的动画，当按下按钮时，它会沿着绝对定位的div移动。

我可以使用它来跳转到特定值。

    $("#rightArrow").click(function() {
    $(".projectImages").css(
        "left", '200px'
        );
});

但是当我尝试按增量移动时，它根本不移动。

$("#rightArrow").click(function() {
    $(".projectImages").css(
        "left", '+=200px'
        );
});

我尝试过一些东西，但似乎无法让它发挥作用。这里的任何建议都会受到欢迎。

Answer 1

我认为增量值只能与“animate”方法一起使用。从描述（http://api.jquery.com/animate/）：

动画属性也可以相对的。如果提供了一个值领先的+ =或 - =序列字符，那么目标值是通过加或减来计算从当前值得到的数字财产。

在“css”方法的描述中没有提到相对价值。

Answer 2

如果.projectImages只选择一个div，那么这应该有效：

$("#rightArrow").click(function() {        
    $(".projectImages").css(
        "left", (parseFloat($(this).css("left")) + 200) + 'px');
        );
});

ParseFloat读取当前元素左侧位置的像素值，但忽略“px”。

jQuery移动绝对定位div的增量

2 个答案: