Question

我在我的网站上使用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/

非常感谢你的帮助！

Answer 1

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

jquery循环使用多个幻灯片显示导航为每个幻灯片放映

1 个答案: