將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