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

所以，我对jQuery之类的东西有点生疏。我只想在每次单击按钮时使图像向右移动。当我运行它时，它第一次工作，但当我再次单击按钮时，它只是保持静止

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

PS：如果值得知道的话，我在这里提到的按钮实际上是一个按钮。我无法让它与一台计算机一起工作。

Try+=：

尝试+=：

我必须工作

我必须工作。

尝试以下活动：

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

编辑：我在记住动画的工作原理后更改了代码

尝试打开事件：

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

---

编辑：我在记住动画的工作原理后更改了代码

请$document而不是$document'它确实每次都会启动，但是你的.animate可能总是做同样的事情？哦！我想我现在意识到了！我的旧代码移动到某个位置，而不是向右移动。谢谢，伙计们！请$document而不是$document它每次都会启动，但是你的.animate可能总是做同样的事情？哦！我想我现在意识到了！我的旧代码移动到某个位置，而不是向右移动。谢谢，伙计们！目的何在？我的意思是这不能解决OP的问题issue@A.Wolff正如问题的作者所说，他的代码只在第一次工作。所以当我们在每次点击后返回false时，我们可以一次又一次地这样做。当我们在每次点击后返回false时，我们可以一次又一次地这样做。我不明白为什么？！返回false将停止传播并防止默认行为，这就是本文的全部目的？我的意思是这不能解决OP的问题issue@A.Wolff正如问题的作者所说，他的代码只在第一次工作。所以当我们在每次点击后返回false时，我们可以一次又一次地这样做。当我们在每次点击后返回false时，我们可以一次又一次地这样做。我不明白为什么？！返回false将停止传播并防止默认行为，仅此而已

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

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