Javascript 使用模数的jquery循环的自定义寻呼机返回

正在尝试使此自定义寻呼机为jQuery循环工作

我希望

pagerAnchorBuilder

每隔5张图像返回一个

列表

项，以便以后我可以将寻呼机转换为自己的循环

代码如下：

  pagerAnchorBuilder: function(idx,slide){
        var $slideCount = $('#ul-homecycle > li').length; 
            if ((idx==0) || (idx%5 === 0)){
                return '<li><a href="javascript:setSlide('+ idx +')" class="transhover"><img src="../images/home/thumb_carousel' + idx + '.jpg" width="183" height="72" /></a></li>';
            }
            else{ 
                return '<a href="javascript:setSlide('+ idx +')" class="transhover"><img src="../images/home/thumb_carousel' + idx + '.jpg" width="183" height="72" /></a>';

            }
    }

pagerAnchorBuilder:函数（idx，幻灯片）{
var$slideCount=$（'#ul homecycle>li'）。长度；
如果（（idx==0）| |（idx%5==0））{
返回“
”；
}
否则{
返回“”；
}
}

所以最后我想让Cycle返回这个：

<ul>
<li>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
</li>
<li>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
<a href="javascript:void(0);">derp</a>
</li>
</ul>

请忽略JS中返回的

setSlide（#）

和HTML字符串中的类值，我可以控制它们。我找了两个小时也找不出来

---

提前谢谢

我终于弄明白了。以下是修改后的代码，为方便起见进行了注释：

function cycles(){
    //Activate main slide with proper pager/carousel container.
    $('#ul-homecycle').after('<div id="homecycle-carousel-container"><a href="javascript:void(0);" id="btn-homecycle-prev" class="transhover"></a><a href="javascript:void(0);" id="btn-homecycle-next" class="transhover"></a><ul id="homecycle-carousel">').cycle({
        timeout: 7000,
        speed: 500,
        sync: true,
        fx: 'fade',
        fit: 0,
        startingSlide: 2,
        activePagerClass:'active',
        slideResize: 0,
        pager:  '#homecycle-carousel',
        pagerAnchorBuilder: function(idx,slide){
            return '<a href="javascript:setSlide('+ idx +')" class="transhover"><img src="../images/home/thumb_carousel' + idx + '.jpg" width="183" height="72" /></a>';
        },
        // Build pager that automagically hightlights updated pager thumb and also continue to next pager slide if the next thumb isn't visible
        updateActivePagerLink: function(pager, activeIndex) { 
            $(pager).find('a').not(':eq('+activeIndex+')').removeClass('active').children('img').fadeTo(200,.5)
            $(pager).find('a:eq('+activeIndex+')').addClass('active').children('img').fadeTo(200, 1); 

            //If next slide in carousel is hidden then go to next carousel slide
            if ($(pager).find('a:eq('+activeIndex+')').parent('li').css('display') == "none"){
                $('#homecycle-carousel').cycle('next');
            }
        }
    });
        //Before building the carousel wrap an Li around every 5 thumbs    
        $('#homecycle-carousel > a').each(function(i) {
           var a = $('#homecycle-carousel > a');
            for( var i = 0; i < a.length; i+=5 ) {
                a.slice(i, i+5).wrapAll('<li></li>');
            }
        });
        //Now that we have Lis wrapped around every 5 thumbs, initiate new cycle    
        $('#homecycle-carousel').cycle({
            easing: 'easeOutSine',
            prev: '#btn-homecycle-prev',
            next: '#btn-homecycle-next',
            slideExpr: 'li',
            activePagerClass:'active',
            timeout:0,
            speed: 500,
            fx: 'scrollHorz'
        });
        //Artifically activate new thumb 
        $('#homecycle-carousel li a').click(function(){
        if(!$(this).hasClass('active')){
            $('#homecycle-carousel li a').not(this).removeClass('active').children('img').fadeTo(200,.5);
            $(this).addClass('active').children('img').fadeTo(200,1);
        }
        });

}

函数循环（）{
//使用合适的寻呼机/转盘容器激活主幻灯片。
$（“#ul homecycle”）。在（“
”）之后。循环({
超时：7000，
速度:500,，
是的，
外汇：“淡出”，
拟合：0，
开始幻灯片：2，
activePagerClass:“活动”，
幻灯片大小：0，
寻呼机：“#家庭自行车转盘”，
pagerAnchorBuilder:函数（idx、幻灯片）{
返回“”；
},
//构建自动高亮显示更新的寻呼机拇指的寻呼机，如果下一个拇指不可见，还可以继续下一个寻呼机幻灯片
updateActivePagerLink:函数（分页器，activeIndex）{
$（pager）.find（'a'）。not（':eq（'+activeIndex+'）））。removeClass（'active'）。children（'img'）。fadeTo（200，.5）
$（pager）.find（'a:eq（'+activeIndex+'））.addClass（'active'）.children（'img'）.fadeTo（200,1）；
//如果转盘中的下一张幻灯片被隐藏，则转到下一张转盘幻灯片
if（$（pager）.find（'a:eq（'+activeIndex+'）））.parent（'li'）.css（'display'）=“none”）{
$（“#家庭自行车转盘”）.cycle（'next'）；
}
}
});
//在建造旋转木马之前，每5个大拇指绕一圈
$（'#homecycle转盘>a'）。每个（功能（i）{
变量a=$（“#homecycle carousel>a”）；
对于（变量i=0；i'）；
}
});
//现在我们每5个大拇指绕一圈Lis，开始新的周期
$（“#家庭自行车转盘”）。自行车({
放松：“轻松出击”，
prev:“#btn homecycle prev”，
下一个：“#btn homecycle下一个”，
slideExpr:'李'，
activePagerClass:“活动”，
超时：0，
速度:500,，
fx:“滚动人”
});
//人工激活新拇指
$（“#homecycle carousel li a”）。单击（函数（）{
if（！$（this）.hasClass（'active'））{
$（'#homecycle carousel li a'）。不是（这个）。removeClass（'active'）。children（'img'）。fadeTo（200，.5）；
$（this）.addClass（'active'）.children（'img'）.fadeTo（200,1）；
}
});
}

Dude，不要使用href=“javascript:…”使用onclick=“”，根据这篇文章，javascript:void是首选：