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也会发生变化。

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

1 个答案: