Использование пейджера Jquery Cycle без использования пустых якорей - PullRequest
Новая
       13

Использование пейджера Jquery Cycle без использования пустых якорей

0 голосов
/ 11 марта 2012

С помощью плагина 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>

В итоге проблема заключается в том, что пролеты не кликабельны. Поэтому мне интересно, есть ли легкодоступный способ, чтобы промежутки были интерактивными, как у.

1 Ответ

0 голосов
/ 11 марта 2012

Упс, оказывается, это работает. 

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