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