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.

Foi útil?

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.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top