Domanda

Questo è stato mi lascia perplessi su un paio di siti recenti ho lavorato, e ho dovuto finire per andare con un'altra soluzione, ma sono determinato a andare a fondo di questa volta.

Ecco il codice di esempio dalla pagina demo qui: http://jquery.malsup.com /cycle/int2.html

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

E qui è il mio frammento di abbastanza simile:

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

Il div nav viene generato correttamente come una normale chiamata jQuery, ma non c'è nulla in esso, svuotare. Non è un problema di CSS, perché non c'è margine di profitto generato a tutti, ho cambiato diverse versioni di jQuery 1.3.x - 1.4.x, ho cambiato l'elemento contenitore a qualcos'altro oltre ad un div, ul ecc, e ho rimosso dalla chiamata document.ready, e ancora senza fortuna.

È stato utile?

Soluzione

Problema risolto, così stupido, assicurarsi che si sta utilizzando jquery.cycle.ALL e non uno qualsiasi degli altri versioni più leggere in quanto non hanno il supporto per la funzione di paging. Comprensione della lettura fallire su parte mia.

Altri suggerimenti

Anche se l'esempio dice così il codice che stanno utilizzando nella loro web è:

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

E penso che il problema probabilmente sta usando una classe invece di un id nel parametro pager, provare con #banner-nav nel codice e vedere se funziona o meno.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top