jQuery jCarousel - cómo eliminar el jCarousel de un elemento

Question

Estoy usando jCarousel para tener un carrusel de imágenes en mi página. Funciona muy bien y no tengo quejas, pero estoy usando las pestañas en la página y cuando voy a otra pestaña, hay un feo error de jCarousel. Básicamente lo que quiero hacer es eliminar el jCarousel de mi elemento cuando voy a una pestaña nueva, pero mi vida no puede resolverlo.

Para añadir el carrusel estoy usando código como este:

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

pero no estoy seguro de cómo quitar .jCarousel de $("#myelement"). ¿Algunas ideas?

Answer 1

No parece haber una función de eliminación como parte del complemento.

Usted puede cavar en la fuente y construir uno, o un mecanismo más rápido puede ser para clonar myelement, retire el elemento y luego vuelva a colocar con la versión clonada.

Answer 2

Removing an item from jCarousel plug-in

Answer 3

Esta funcionalidad está roto actualmente en jCarousel. El método de eliminación existe, pero no proporciona el resultado deseado. Una cuestión se presentó aquí:

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

Como solución, ninguno de los cuales funciona correctamente sin romper el carrusel ver la discusión aquí:

Removing an item from jCarousel plug-in

Answer 4

No deberías hacer esto ya que es una solución horrible: P:

Puede ocultar el carrusel usando CSS y luego usar .hide y .show en función de la pestaña en la que se encuentre.

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

Answer 5

Si sólo tienen que quitar jCarousel, puede utilizar el método destroy http://sorgalla.com/jcarousel/docs/reference/api.html#destroy