サイクル スライドショーを作成しています。問題は、li タグの間に span があり、アクティブな li が 2 番目のメニュー ボタンをスキップしたため、コントローラーの li ボタンが正常に機能しないことです。すべての span タグを削除すると、正常に動作します。スパンタグを保持する方法はありますか? 「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>