Jquery - 推荐淡入/淡出分页

Question

我获得了滚动列表的分页功能，但现在我无法通过单击相应页面来滚动页面。

我想做的是，如果我点击第 2 页，它应该会显示第二个 div，依此类推。

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

J查询:

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

HTML:

<div id="testimonials">
    <div class="slide">
        <div class="aboutus_given_feedback" id="testimonial1">
            <div class="aboutus_bubble">
                1
            </div>      
        </div>  
    </div>

    <div class="slide" style="display:none">
        <div class="aboutus_given_feedback" id="testimonial2">
            <div class="aboutus_bubble">
                2
            </div>      
        </div>  
    </div>

    <div class="slide" style="display:none">
        <div class="aboutus_given_feedback" id="testimonial3">
            <div class="aboutus_bubble">
                3
            </div>      
        </div>
    </div>

    <div id="testimonial_page">
        <span id="page1" class="pagination"></span>
        <span id="page2" class="pagination"></span>
        <span id="page3" class="pagination"></span>
    </div>
</div>

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 秒。我已经更新了你的 fiddle 。