使用Jquery循环的寻呼机而不使用空锚点

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

Whoops，事实证明它确实有效。

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