Jquery - 见证淡入/淡出分页

Question

我获得了滚动列表的分页，但现在我坚持在点击相应页面时滚动页面。

我想这样做，如果我点击第2页，它应该显示第二个div，依此类推......

演示：http://jsfiddle.net/njLyaddc/1/

Jquery的：

com.star.cards.Deck@143b9a5f
com.star.cards.Card@5513dd59

HTML：

$(document).ready(function(){
    $("#page1").css("background", "#ccc");
    setInterval(function(){     
        $('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
            if($(this).next('.slide').size()){
                $(this).next().fadeIn(1000);                
            }
            else{
                $('#testimonials .slide').eq(0).fadeIn(1000);
            }
            for(var i=1;i<$('.slide').length+1;i++){            
                if($('#testimonial'+i).is(":visible")){
                    $("#page"+i).css("background", "#ccc");
                }else{
                    $("#page"+i).css("background", "transparent");
                }               
            }
        });     
    },1000);  
});

Answer 1

$(".pagination").click(function(){        
    $("#testimonials .slide").hide();
    $("#testimonials .slide").eq($(this).prevAll("span").length).fadeIn(500);
    $(".pagination").css("background", "transparent");
    $(this).css("background", "#ccc");
});

要使其工作，请将Interval增加到5秒。我已经更新了你的小提琴。