如何多次触发“ .click”事件？

Question

$('document').ready(function() {
    $('.button').click(function() {
        $('img').animate({left: "+80px"}, 2000);
    });
});

因此，我是jQuery和新手的新手。 我要做的就是每次单击按钮都使图像向右移动。 当我运行它时，它是第一次运行，但是当我再次单击该按钮时，它保持静止。

我想知道如何多次触发.click事件。

PS：如果值得了解，我在这里提到的按钮实际上是<div> 。 我无法使其与<button> 。

Answer 1

尝试+= ：

$('img').animate({left: "+=80px"}, 2000);

Answer 2

尝试on事件：

var doc = $(document);
doc.ready(function() {
    doc.on('click', '.button', function() {
        var imgElem = $('img');
        var imgLeft = parseInt(imgElem.css('left'));
        var distance = 80;
        var newDistance = imgLeft + distance;
        $('img').animate({left: newDistance+'px'}, 2000);
    });
});

编辑：“记住”动画工作原理后，我更改了代码

Answer 3

$(document).ready(function() {
    $('.button').unbind('click').click(function() {
        $('img').animate({left: "+80px"}, 2000);
        return false;
    });
});

我必须工作。