jQuery的移動絕對定位的div

Question

我想創建一個非常簡單的動畫，當按下按鈕時，沿絕對定位div移動。

我可以讓它跳轉到一個特定的值使用。

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

但是當我嘗試通過增量移動它時，它根本不會移動。

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

我試了幾件事，但我似乎無法得到它的工作。這裏的任何建議都會受到歡迎。

Answer 1

如果.projectImages是隻選擇一個格，這應該工作：

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

ParseFloat讀取當前元素的左邊位置的像素值，但忽略了「PX」。

Answer 2

我認爲遞增值只能用於「animate」方法。 從說明書（）：

動畫屬性也可以是 相對。如果一個值與 供給主導+ =或 - =的 字符序列，則該目標值是 通過加上或減去從 的屬性的當前值的 給定數量計算的。

在「css」方法的描述中沒有提及相對值。