Плагин jQuery Cycle не генерирует ссылки на пейджер

Это озадачивало меня на паре недавних сайтов, над которыми я работал, и мне пришлось в конечном итоге найти другое решение, но на этот раз я полон решимости добраться до сути.

Вот пример кода с демонстрационной страницы: http://jquery.malsup.com/cycle/int2.html

$('#s4') 
.before('<div id="nav">') 
.cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#nav' 
});

А вот мой довольно похожий фрагмент:

$(document).ready(function() {
    $("#banners").before('<div id="banner-nav" class="nav"/>').cycle({
        fx: 'fade',
        speed: 1000,
        pager: '.nav'
    });
});

Навигационный div генерируется правильно, как обычный вызов jQuery, но в нем ничего нет, пусто. Это не проблема CSS, потому что разметка вообще не создается, я перешел на разные версии jQuery 1.3.x - 1.4.x, я изменил элемент контейнера на что-то еще, кроме div, ul и т. д., и Я удалил его из вызова document.ready, и все равно не повезло.


jquery jquery-plugins jquery-cycle
person Graham Conzett    schedule 03.10.2010    source источник

Ответы (2)


arrow_upward
7
arrow_downward

Проблема решена, так глупо, убедитесь, что вы используете jquery.cycle.ALL, а не какие-либо другие более легкие версии, поскольку они не поддерживают функцию подкачки. Ошибка понимания прочитанного с моей стороны.

person Graham Conzett    schedule 03.10.2010

arrow_upward
1
arrow_downward

Даже когда в примере сказано, что код, который они используют в своей сети, таков:

$('#s4').before('<div id="nav" class="nav">').cycle({
    fx:     'turnDown',
    speed:  'fast',
    timeout: 0,
    pager:  '#nav'
});

И я думаю, что проблема, вероятно, заключается в использовании класса вместо идентификатора в параметре пейджера, попробуйте использовать #banner-nav в своем коде и посмотрите, работает ли это или нет.

person frisco    schedule 03.10.2010
comment
Я уже перепробовал все виды селекторов на этом, ID, элементе, ничего не работает. - person Graham Conzett; 04.10.2010