jquery - 使用幻灯片库(jquery)点击太快

Question

$(document).ready(function(e) {

$('span#pijlr').click(function(e) {
    var slide = 500;
    var variable = $('#gallcont').css('left');
    var urechts = "-1000px";
    if(variable > urechts) {
    $('#gallcont').animate({'left': '-=' +slide+ 'px'},'fast','linear');
    }
});

$('span#pijll').click(function(e) { 
    var slide = 500;
    var variable = $('#gallcont').css('left');
    var ulinks = "0px";
    if(variable < ulinks) {
    $('#gallcont').animate({'left': '+=' +slide+ 'px'},'fast','linear');
    }   
}); 




});

这段代码是我为制作的简单幻灯片库编写的。一切正常，除非我快速单击箭头按钮。它将超出我设置的值(urechts 和 ulinks)。

我尝试将“stop()”放在 .animate 之前，但没有帮助。希望你们能给我一些关于如何解决这个问题的建议。提前致谢!

Answer 1

添加一些条件怎么样，如下所示:

$('span#pijlr').click(function(e) {
    if (!$('#gallcont').is(':animated')) {
        var slide = 500;
        var variable = $('#gallcont').css('left');
        var urechts = "-1000px";
        if(variable > urechts) {
        $('#gallcont').animate({'left': '-=' +slide+ 'px'},'fast','linear');
        }
    }
});

类似的事情会在幻灯片动画时使事件无效..