單擊動畫只能運行一次

Question

我希望ul每次向左移動200次，但它只發生一次。爲什麼？

$('a.next').click(function(e) { 
     // e.preventDefault(); 
     $('ul#pikame').animate({ 
      'left': -200 
     }); 
     e.preventDefault(); 
}); 

Answer 1

你應該嘗試：

'left': '-=200' 

你只是將值設置靜態。

基本上你說「設置左值-200」。你想說的是：「減少左值200」

Answer 2

您需要更改'left': -200到'left': '-=200'

Answer 3

這是因爲-200意味着移動到-200px而不是-200多個像素試試這個。

$('a.next').click(function(e) { 
     // e.preventDefault(); 
     $('ul#pikame').animate({ 
      'left': $('ul#pikame').position().left-200 
     }); 
     e.preventDefault(); 
});