jquery - jQuery 循环 pagerAnchorBuilder 跨度在 li 之间

Question

我正在创建一个循环幻灯片，问题是，我在 li 标签之间有跨度，控制器 li 按钮无法正常工作，因为活动的 li 跳过了第二个菜单按钮，如果我删除了所有跨度标签，它工作得很好。有什么办法可以保留跨度标签？我应该如何更改“pagerAnchorBuilder”属性？非常感谢提前

这是代码

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 的孩子应该是 LI。

xxx | yyy | zzz您可以通过在 CSS 中使用 padding、border-left 和border-right 组合来设置 LI 的样式来实现相同的视觉效果。想必您已经在使用display:inline.

网上肯定有很多例子，还是自己写的挺简单的。