淡入淡出功能jquery滑塊已掛鉤

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; 
}); 
}); 

哪些錯誤與此代碼？

希望有人能幫助我。

迎接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();