jquery - 将 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