Come rimuovere numeri di cercapersone da un ciclo jQuery

December 17

Come rimuovere numeri di cercapersone da un ciclo jQuery


Il plugin jQuery Cycle è uno script presentazione che include diverse opzioni per lo stile di controllo, effetti di transizione e la navigazione. È possibile attivare queste opzioni o disattivare nella principale file di script jQuery impostando un valore "null", oppure utilizzando chiamate di funzione personalizzata nella HEAD del documento HTML. Nella maggior parte dei casi, i numeri cercapersone vengono creati utilizzando una di queste funzioni personalizzate. Per rimuovere i numeri di cercapersone, individuare la funzione e rimuoverlo, o rimuovere l'elemento contenitore della navigazione cercapersone.

istruzione

1 Aprire il documento HTML che contiene i tag "testa" per il tuo sito web in un editor di testo o HTML. Cercare un tag "script" che contiene una funzione jQuery simile al seguente:

<Script type = "text / javascript">

$ (Document) .ready (function () {

$('.slideshow').cycle({

fx: 'Fade'

});

$ ( '# S4'). Prima ( '<div id = "nav" class = "nav">') ciclo. ({

fx: 'turnDown',

Velocità: 'veloce',

Timeout: 0,

cercapersone: '#nav'

});

});

</ Script>

Il selettore definito nel "nav" o la funzione "cercapersone" corrisponde con il jQuery contenitore Ciclo ID. Nel caso di cui sopra, il selettore è "s4".

2 Rimuovere l'intera funzione che contiene il parametro "cercapersone". Ogni blocco funzionale individuo inizia con "$" e termina con la chiusura "});" staffa. Assicurarsi di rimuovere solo il "$ ( '#'). Prima di" funzione. Ora si dovrebbe avere un tag "script" che è vuota o contiene tutte le funzioni rimanenti. L'esempio seguente utilizza lo stesso codice come ultimo passo, con la funzione di cercapersone rimossi:

<Script type = "text / javascript">

$ (Document) .ready (function () {

$('.slideshow').cycle({

fx: 'Fade'

});

});

</ Script>

3 Salvare il file e visualizzare in anteprima la presentazione in una finestra del browser per confermare i risultati. Per rimuovere eventuali elementi di navigazione rimanenti, tornare al documento HTML e aggiungere la seguente funzione personalizzata appena sopra il tag "</ head>":

<Script type = "text / javascript">

$ .fn.cycle.defaults = {

prossimo: null,

prev: null,

cercapersone: null

};

</ Script>

Queste tre opzioni dicono il plugin di non usare nulla per la paginazione o la navigazione. La presentazione sarà ora transizione automaticamente a meno che un comportamento diverso cercapersone è impostato.

Consigli e avvertenze

  • Impostare la la "pagerEvent:" l'opzione e dargli un valore di " 'click.cycle'", che permette allo spettatore di clic sulla diapositiva per passare l'immagine successiva. Per esempio:
  • <Script type = "text / javascript">
  • $ .fn.cycle.defaults = {
  • prossimo: null,
  • prev: null,
  • cercapersone: null,
  • pagerEvent: 'click.cycle'
  • };
  • </ Script>
  • Fare attenzione a non eliminare le staffe extra o citazioni singoli quando si lavora con le funzioni. In questo modo causerà loro di non lavorare.