javascript - 如何在 jQuery 函数处于事件状态时多次停止执行？

Question

我正在使用这个 http://jsfiddle.net/CqAU2/用于图像旋转的插件，但是如果您多次单击 fiddle 中的框，它将继续旋转您单击它的次数。我想做的是仅当框未移动时才考虑 click 操作。怎么办？

Answer 1

您可以设置一个标志来“锁定” Action (如果它仍在动画)，并在与动画持续时间相同的时间(在您的情况下为 1000 毫秒)后重置锁定的标志:

$(document).ready(function () {
    var degree = 0;
    var locked = false;
    $(".big-ball").click(function () {
        if (!locked) {
            degree += 30;
            $(this).jqrotate(degree, 1000);
            locked = true;
            setTimeout(function(){
                locked = false;
            },1000);
        }
    });
});

我已经更新了 your Fiddle