将div转换成页面锚循环所有幻灯片

Question

我使用循环全部插件构建幻灯片，并且我希望页面锚定为div在页面上的其他位置。

如何使.pager div对应于.section-testimonials幻灯片？

这里是标记和jQuery：

<div id="slide-nav"> 
<div class="pager"> 
    <div> 
     stuff in here 
    </div> 
</div> 
<div class="pager"> 
    <div> 
     stuff in here 
    </div> 
</div> 
<div class="pager"> 
    <div> 
     stuff in here 
    </div> 
</div> 
</div> 

$('.section-testimonials').cycle({ 
    fx: 'fade', 
    speed: 1000, 
    containerResize: 0, 
    timeout: 9000, 
    pager:  '#slide-nav', 
    pagerEvent: 'mouseover', 
    pauseOnPagerHover: true, 
    pagerAnchorBuilder: function(idx, slide) { 
    // return sel string for existing anchor 
    return '#slide-nav .pager:eq(' + (idx) + ') a'; 
    } 
}); 

Answer 1

明白了！ 看到这个例子： http://jquery.malsup.com/cycle/goto.html