1

我在同一页面中遇到循环插件多个寻呼机的问题我想在同一页面中显示 24 个循环插件。每个插件都包含一些图片和信息。所以我想用“寻呼机”互相控制。一切正常,所有插件都可以使用简单的文档准备功能。但是我对寻呼机有一个完全不同的问题。

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

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

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

4

1 回答 1

0

页面中的 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必须是唯一的。请务必更改您的#navCSS 规则.nav以匹配id=>class更改。

于 2010-10-23T10:09:06.160 回答