jquery循环使用多个幻灯片，每个幻灯片都有导航答案

【问题标题】：jquery cycle using multiple slideshow with nav for each slideshowjquery循环使用多个幻灯片，每个幻灯片都有导航
【发布时间】：2014-05-23 20:37:25
【问题描述】：

我正在为我的网站使用 jquery Cycle 版本 1 在同一页面上显示多个幻灯片。我不知道我要使用多少张幻灯片，所以我不能给每张幻灯片一个唯一的 ID。这是我正在使用的代码，效果很好：

 $('.slideshow').each(function() {
        var $this = $(this);
        $this.cycle({
            timeout:0,
            fx:       'none',
            next:     $this,

        });
    });

我所有的幻灯片都是独立的，当点击幻灯片时，下一个功能适用于选定的幻灯片，非常完美。

现在我正在尝试向幻灯片添加寻呼机，这就是我的问题。寻呼机是同步的，当使用例如 3 幻灯片时，第一个幻灯片寻呼机显示寻呼机 1、2 和 3...幻灯片 2 显示寻呼机 2 和 3，幻灯片 3 显示寻呼机 3。

这是我试过的代码：

 $('.slideshow').each(function() {
        var $this = $(this);
        $this.after('<div class="nav">').cycle({
            timeout:0,
            fx:       'none',

            // use slideshow as the transition trigger
            next:     $this,
            pager:  '.nav',

        });
    });

我需要将寻呼机链接到幻灯片，可能使用 $this，但我不知道该怎么做...

这里是 JSfiddle 以查看它的实际效果：http://jsfiddle.net/HuNfz/198/

非常感谢您的帮助！

【问题讨论】：

标签： jquery function slideshow nav jquery-cycle

【解决方案1】：

我遇到了同样的问题，但除了提供唯一 ID 之外没有其他解决方案。

【讨论】：