jQuery的循环使用多个幻灯片与导航为每个幻灯片

Question

我正在使用jquery循环版本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.

这里是代码I尝试：

$('.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', 

     }); 
    }); 

我需要使用$这寻呼机链接到幻灯片，也许，但我不能找出如何做到这一点...

这里的jsfiddle看到它在行动：http://jsfiddle.net/HuNfz/198/

than ks很多为您的帮助！

Answer 1

我面临同样的问题，但没有其他解决方案，然后给予唯一的ID。