javascript - 摆脱双击效果

Question

这是我的 fiddle 。正如您所看到的，我定义了一个简单的点击事件处理程序:

$('#traveller > a').click(function(e) {
    e.preventDefault();

    var $ul = $('#traveller ul');
    if($(this).hasClass('handle-next')) {
        if(Math.abs($ul.position().top - parentPadding) < totalHeight - itemHeight) {
            $ul.animate({top: '-=' + itemHeight});
        }
    }
    else {
        if($ul.position().top - parentPadding < 0) {
             $ul.animate({top: '+=' + itemHeight});
        }
    }
});

我注意到，当我快速双击时，按a.handle-next/a.handle-prev， ul 位置意外更改。

我如何避免这种行为？

Answer 1

只需检查 $ul 是否有动画:

if($ul.is(':animated')) return;

DEMO