jQuery的動畫與百分比

Question

我正在做一個很簡單的動畫，就像這樣：

$("article").animate({ 
    left:"-=70" 
},1000) 

這個工作，它substracts從目前的「左」值70像素。 但問題是，我需要的是一個百分比：

$("article").animate({ 
    left:"-=70%" 
},1000) 

當然，這是行不通的。任何工作？

謝謝！

編輯：添加一個的jsfiddle：

http://jsfiddle.net/ZsU37/

Answer 1

假設你已經嘗試了上面並不起作用，你可以嘗試計算實際值：

$("article").animate({ 
    left: parseInt($(this).css('left'),10)*0.3 
},1000) 

解釋：$(this).css('left')應獲得當前值，類似於125px，這是通過parseInt去除px部分，並乘以0.3得到30％（假設這是你的意思是-70 ％）

編輯：看到小提琴在這裏工作http://jsfiddle.net/demaf/。別注：因爲我使用了一個單擊處理

• ，我可以不再使用this，所以我改成$('article')。
• 元件進行動畫需要具有用於左側的初始值，該值是非零（否則數學將給出0值和不發生的動畫）
• 元件需要使用left值，因此需要是position編相應地