点击动画只能使用一次

Question

我希望ul每次向左移动200，但它只发生一次。为什么呢？

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

Answer 1

你应该尝试：

'left': '-=200'

您只是静态设置值。

基本上你说＆＃34;将左值设置为-200＆＃34;。你想说的是：＆＃34;将左值减少200＆＃34;

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