jQuery jCarousel - come rimuovere jCarousel da un elemento

Question

Sto usando jCarousel per avere un carosello di immagini nella mia pagina. Funziona alla grande e non ho lamentele, ma sto usando il tabbing sulla pagina e quando vado in un'altra scheda, c'è un brutto errore jCarousel. Fondamentalmente quello che voglio fare è rimuovere jCarousel dal mio elemento quando vado in una nuova scheda, ma per la vita di me non riesco a capirlo.

Per aggiungere la giostra che sto usando il codice come questo:

$("#myelement").jCarousel({ /* config params */}); 

ma sono sicuro di come rimuovere .jCarousel da $("#myelement"). Qualche idea?

Answer 1

Non sembra esserci una funzione di rimozione come parte del plugin.

È possibile scavare nella sorgente e crearne uno, oppure un meccanismo più rapido potrebbe essere quello di clonare myelement, rimuovere l'elemento e quindi sostituirlo con la versione clonata.

Answer 2

Removing an item from jCarousel plug-in

Answer 3

Questa funzionalità è attualmente rotto in jCarousel. Il metodo di rimozione esiste ma non fornisce il risultato desiderato. Un problema è stato presentato qui:

https://github.com/jsor/jcarousel/issues/338

Per risolvere il problema, nessuno dei quali funziona correttamente senza rompere la giostra vedere la discussione qui:

Removing an item from jCarousel plug-in

Answer 4

Non si dovrebbe fare questo in quanto è una soluzione orribile: P:

È possibile nascondere il carosello utilizzando CSS e quindi utilizzare .hide e .show in base a quale scheda si è.

$ ("# myelement #yourcarouselIDorClass"). Hide()

Answer 5

Se bisogno solo di rimuovere jCarousel, è possibile utilizzare il metodo distruggere http://sorgalla.com/jcarousel/docs/reference/api.html#destroy