Jquery循环插件在同一页面中有多个寻呼机

Question

我在同一页面中遇到循环插件多个寻呼机的问题 我想在同一页面中显示24个循环插件。每个插件都包含一些图片和信息。所以我想用“寻呼机”来控制对方。一切都还可以，所有插件都可以实现简单的文件就绪功能。但是我的寻呼机有一个完全不同的问题。

当我尝试在插件的功能中添加pager:"#nav"和.before("<div id="nav"></div>")时。该脚本创建一个类似于此<div id="nav"></div>的容器，然后插件将所有寻呼机链接附加到此容器中。所以所有寻呼机链接显示在它所导致的一个容器ID中。

http://onur.mayanet.com.tr/test

我想要访问每个插件应该使用自己的寻呼机的东西。

Answer 1

页面中的ID必须是唯一的，因此请更改：

$('.slideshow').before('<div id="nav"></div>').cycle({
    fx: 'scrollLeft',
    speed: 'fast',
    timeout: 350,
    pager: "#nav"
});

对此：

$('.slideshow').each(function() {
  $(this).before('<div class="nav"></div>').cycle({
    fx: 'scrollLeft',
    speed: 'fast',
    timeout: 350,
    pager: $(this).prev()
  });
});

You can test it out here，我们在这里所做的就是循环并为每个人创建/分配寻呼机，而不是使用必须唯一的id。请务必将#nav CSS规则更改为.nav以匹配id =＆gt; class也会发生变化。