0

サイクル スライドショーを作成しています。問題は、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>
4

1 に答える 1

0

そのように使用される SPAN は無効です。UL の子は LI に他なりません。

xxx | yyy | zzzCSS で padding、border-left、border-right を組み合わせて LI をスタイリングする場合と同じ視覚効果を実現できます。おそらく、あなたはすでに を使用していdisplay:inlineます。

ウェブ上には多くの例があるはずです。または、自分で書くのは非常に簡単です。

于 2012-07-23T02:34:48.943 に答える