使用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+')'; 
        }
    });