在不使用空锚点的情况下使用 Jquery Cycle 的寻呼机

Question

使用 jquery 循环插件，寻呼机应该是这种格式。

<div id='nav'>
     <a href='#'>pager1</a>
     <a href='#'>pager2</a>
     <a href='#'>pager3</a>
     <a href='#'>pager4</a>
</div>

我不喜欢将锚链接用于实际上不是链接的东西......所以我设置了一个自定义寻呼机创建功能，它基本上最终看起来像......

<div id="nav">
    <span class='pager'>Pager1</span>
    <span class='pager'>Pager2</span>
    <span class='pager'>Pager3</span>
    <span class='pager'>Pager4</span>
</div>

问题最终是跨度不可点击。所以我想知道是否有一种易于访问的方法让跨度像 a 一样具有交互性。

Answer 1

哎呀，原来它确实有效。

$('#slideshow').cycle({
        fx:     'fade', 
        timeout: 5000, 
        pager:  '#nav',
        pagerEvent: 'click',
        pagerAnchorBuilder: function (index) {
            //alert(text);
            return '#nav span:eq('+ index+')'; 
        }
    });