анимация на клике работает только один раз

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(); 
});