Question

我正在创建一个循环幻灯片，问题是，我在li标签之间，控制器li按钮不能正常工作，因为actived li跳过第二个菜单按钮，如果我删除了所有span标签，它运行良好。我能保持跨度标签的任何方式吗？我该如何更改“pagerAnchorBuilder”attr？提前收了很多次

这是代码

var $featured_content = $('#slide');
if ($featured_content.length) {
    $('#slide').cycle({ 
    activePagerClass: 'active',
    timeout: 0,         
    speed: 300,
    cleartypeNoBg: true,
    cleartype: true, 
    pager: '#controller ',
    fx: 'fade',
    pagerAnchorBuilder: function(idx, slide) {
           return '#controller li:eq(' + (idx) + ')';
        }
}); 
}






<ul id="controller">
<li>menu1</li>  
<span>|</span>
<li>menu2</li> 
<span>|</span>
<li>menu3</li>
<span>|</span>
<li>menu4</li>
</ul>
</div>

Answer 1

SPAN使用就像是无效的。 UL的孩子应该只是LIs。

通过在CSS中使用填充，border-left和border-right组合设置LI，可以获得与xxx | yyy | zzz相同的视觉效果。大概你已经在使用display:inline。

网上必须有很多例子，或者为自己写作很简单。

jQuery循环pagerAnchorBuilder跨越在li之间

1 个答案: