Question

我创建的代码有效，但如果你快速点击de按钮，滑块就会挂钩。

Jquery

$(document).ready(function(){
$(".list div").each(function(e) {
    if (e != 0)
        $(this).hide();
});

$("#next").click(function(){
    if ($(".list div:visible").next().length != 0){
        $(".list div:visible").stop().next().stop().fadeIn().prev().stop().fadeOut();

    } else {
        $(".list div:visible").fadeOut();
        $(".list div:first").fadeIn();
    }
    return false;
});

$("#prev").click(function(){
    if ($(".list div:visible").prev().length != 0){
        $(".list div:visible").prev().stop().fadeIn().next().stop().fadeOut();
    } else {
        $(".list div:visible").fadeOut();
        $(".list div:last").fadeIn();
    }
    return false;
});
});

这段代码有什么问题？

希望有人可以帮助我。

Greets Yoeri

Answer 1

检查您的元素当前是否已设置动画：

$("#next").click(function(){
    if ($(".list div:visible").next().length != 0 && !$(".list div:visible").is(':animated')){ // notice the second condition
        $(".list div:visible").stop().next().stop().fadeIn().prev().stop().fadeOut();

    } else {
        $(".list div:visible").fadeOut();
        $(".list div:first").fadeIn();
    }
    return false;
});

对$("#prev").click();

执行相同的操作

淡入淡出函数jquery滑块被钩住了

1 个答案: