jQuery Cycle Plugin não gerando links de pager
-
27-09-2019 - |
Pergunta
Este está me perplexos em alguns sites recentes em que trabalhei, e eu tive que acabar indo com outra solução, mas estou determinado a chegar ao fundo desta vez.
Aqui está o código de exemplo da página de demonstração aqui: http://jquery.malsup.com/cycle/int2.html
$('#s4')
.before('<div id="nav">')
.cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav'
});
E aqui está o meu trecho bastante semelhante:
$(document).ready(function() {
$("#banners").before('<div id="banner-nav" class="nav"/>').cycle({
fx: 'fade',
speed: 1000,
pager: '.nav'
});
});
O NAV Div é gerado corretamente como uma chamada jQuery normal, mas não há nada nisso, vazio. Não é uma questão CSS, porque não há marcação gerada, mudei para diferentes versões do jQuery 1.3.x - 1.4.x, mudei o elemento de contêiner para outra coisa além de uma div, ul etc, e Eu o removi do documento. Chamada e ainda não há sorte.
Solução
Problema resolvido, tão estúpido, certifique -se de que você esteja usando o jQuery.cycle.all e não nenhuma das outras versões mais leves, pois elas não têm suporte para o recurso de paginação. A compreensão de leitura falha da minha parte.
Outras dicas
Mesmo quando o exemplo diz que o código que eles estão usando em sua web é:
$('#s4').before('<div id="nav" class="nav">').cycle({
fx: 'turnDown',
speed: 'fast',
timeout: 0,
pager: '#nav'
});
E acho que o problema provavelmente está usando uma classe em vez de um ID no parâmetro Pager, tente com #banner-nav
no seu código e veja se isso funciona ou não.