jQuery的周期插件多个寻呼机在同一页

Question

我有周期插件多个寻呼机的问题在同一页 我想显示24周期插件在同一个页面。每个插件都包含了一些图片和信息。所以，我想控制对方以“寻呼机”。一切都OK，它的工作原理简单的文件准备功能，所有插件。但是我有一个寻呼机一个完全不同的问题。

当我尝试添加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()
  });
});

你可以在这里对其进行测试，所有我们在这里所做的是循环通过和创建/分配寻呼机到每一个，而不是使用其必须是唯一的一个id。一定要更改您的#nav CSS规则.nav匹配id => class改变。