jQuery 动画 : Ignore double click

Question

我有一个简单的 jQuery 动画，可以根据 .click() 事件将 div 向右或向左移动。

但是，如果用户单击该事件两次，则会触发两次，这会弄乱格式。

这是我所拥有的示例:

$('a#right').click( function () {

if ($(this).is(':visible')) {

    $('#slide').animate({right: '+=257'}, 400, function () {
    slide_button();
    });

    }
});

函数 Slide_button() 将检查 div 的位置是否在用户视点可接受的范围内。如果是这样，它将允许右侧或左侧按钮可见。如果超出限制，它将隐藏按钮。

它工作得很好，除非我点击它两次——然后它就会从页面上滑下来。

有没有办法使用它来忽略双击？

Answer 1

只需检查元素是否已经有动画:

$('a#right').click( function () {
    if ($(this).is(':visible') && !$('#slide').is(':animated')) {
        $('#slide').animate({right: '+=257'}, 400, function () {
            slide_button();
        });
    }
});