jQuery循环插件寻呼机错误

我尝试输入jquery循环来控制整个网站的4个不同循环。他们都有不同的ID标签，但是，寻呼机控件div出现了4次。以下是我的jquery：

$('#homeslide, #hairslide, #panamaslide, #chawtonsslide') 
.cycle({ 
fx: 'fade', 
speed: '1000', 
timeout: '8000', 
next: '#next',
prev: '#prev',
cleartypeNoBg: 'true',
pager: '#controls'
});

HTML:

除了显示4个寻呼机div外，它还能工作。我打算每一次都尝试一美元，但因为他们都需要身份证，我想我做不到。值得注意的是，这些不同的图像块是通过我们的CMS控制的，每页只显示特定的图像块。示例：home.htm仅显示#homeslide

谢谢大家

为什么不使用.each（）函数在每个循环中动态添加寻呼机控件

$.each( $('#homeslide, #hairslide, #panamaslide, #chawtonsslide'), function(i, e){
    $(e).before('<div id="nav' + i + '">').cycle({
        // other options here
        pager:  '#nav' + i
    });
});

$。每个（$（$）（'homeslide'，'hairslide'，'panamaslide'，'chawtonslide'），功能（即，e）{
$（e）.在（''）之前.循环({
//这里还有其他选择
寻呼机：'#导航'+i
});
});

不如给每个幻灯片添加一个“slideshow”类，而不是根据类调用每个like， 所以你可以保留你的身份证

$（“#homeslide”）
.循环（{
fx:'滚动垂直'，
速度：“1000”，
超时：“8000”，
寻呼机：“#寻呼机”，
pagerAnchorBuilder:函数（i）{
返回“”；
},
下一个：“#下一个”，
上一页：“#上一页”，
cleartypeNoBg:'正确'
});
$（'#hairslide'）//可以在此处添加需要使用相同寻呼机的其他div
.循环（{
外汇：“淡出”，
速度：“1000”，
超时：“8000”，
下一个：“#下一个”，
上一页：“#上一页”，
寻呼机：“#寻呼机”，
pagerAnchorBuilder:函数（i）{
返回$（'#寻呼机a:eq（'+i+'））；
},
cleartypeNoBg:'正确'，
});

不幸的是，这是为工作中的客户准备的，我无法发布链接。我会试着抓取一些代码并发布，2秒尽可能多的加载，所以你只需要1个寻呼机控件就可以了？或者没有寻呼机控件？只显示一个寻呼机控件，正如你所看到的，有4个哈哈。所以有4个页面，每个页面都呈现另一个div循环？你想在每一页上只显示一个循环和一个寻呼机吗？试过这个，它会破坏一切：（我认为这是因为div有一个id和一个类。这没有意义，但我需要两者。另外，一些div中有不同数量的图像，所以底部的点在每页中都会不同。我很困惑这也破坏了一切。它杀死了所有jquery代码。知道为什么吗？

$.each( $('#homeslide, #hairslide, #panamaslide, #chawtonsslide'), function(i, e){
    $(e).before('<div id="nav' + i + '">').cycle({
        // other options here
        pager:  '#nav' + i
    });
});

$('#homeslide') 
    .cycle({ 
    fx: 'scrollVert', 
    speed: '1000', 
    timeout: '8000', 
    pager: '#pager',
    pagerAnchorBuilder: function(i) {
            return '<a href="#"></a>';
    },
    next: '#next',
    prev: '#prev',
    cleartypeNoBg: 'true'
});

$('#hairslide') // can add other divs here that require to use the same pager
    .cycle({ 
    fx: 'fade', 
    speed: '1000', 
    timeout: '8000',
    next: '#next',
    prev: '#prev',
    pager: '#pager',
    pagerAnchorBuilder: function(i) {
            return $('#pager a:eq('+i+')');
    },
    cleartypeNoBg: 'true',
});