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

我正在使用此http://jsfiddle.net/CqAU2/插件进行图像旋转，但是如果您多次单击小提琴中的框，它将继续旋转与单击相同的次数。我想做的是仅在框未移动时才考虑click动作。那怎么办？

最佳答案

您可以设置一个标志，以在动作仍处于动画状态时将其“锁定”，并在与动画持续时间（在您的情况下为1000ms）相同的时间后重置锁定的标志：

$(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

关于javascript - 如何在事件状态下多次停止jQuery函数执行？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20375850/