Volver a aplicar o ajustar JCarousellite en la ventana de cambio de tamaño

Question

Estoy tratando de reajustar, destruir y volver a aplicar el complemento JCarousellite al cambiar el tamaño de la ventana, pero no tengo éxito, esto se debe a que creé un sitio web donde cada página es una 'li' donde, al navegar a través del menú, se desplaza a la que se desplaza. esa 'página' ...

He tratado de usar esto en el cambio de tamaño y volver a aplicar el JCarousellite, pero no funcionó:

$('#mega').jCarouselLite = null;

Este es el código que estoy usando, pero si sigo volviendo a aplicar el JCarousellite, ¡el carrusel se vuelve loco!

$(document).ready(function(){
    w = $(window).width();
    h = $(window).height();
    $('#mega li').css('width',w);
    $('#mega li').css('height',h);
    $('#mega').jCarouselLite({
        circular:false,
        vertical:true,
        speed:1000,
        visible:1,
        btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
    });
});
$(window).resize(function() {
    w = $(window).width();
    h = $(window).height();
    $('#mega li').css('width',w);
    $('#mega li').css('height',h);
    $('#mega').jCarouselLite({
        circular:false,
        vertical:true,
        speed:1000,
        visible:1,
        btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
    });
});

SOLUCIÓN:

"Idrumgood", estaba tratando de hacer esto solo con el "Li", pero buscando un poco más sobre la desactivación de complementos, descubrí que también tengo que desactivar los clics, así que aquí está el código que tenía que aplicar:

$(window).resize(function() {
    $('#mega').jCarouselLite = null;
    $('#home, #comofunciona, #porquemegafome, #contato').unbind('click'); //buttons I defined on btnGo option
    runCarousel(); //again
    aClick(); // function where I get the li index and save into a hidden input, on resize it keeps li position! :)
});

Answer 1

JCarousellite (y casi cualquier complemento de carrusel) inyecta un marcado adicional cuando se crea el carrusel. Por lo general, un elemento que contiene se establece con un ancho de elementsWidth * numberOfElements con el desbordamiento oculto. También se crea un segundo elemento que contiene dentro y eso es lo que realmente se moverá. Luego, sus elementos se flotan y el margen izquierdo del elemento de contenido secundario se altera para dar el efecto de desplazamiento.

El punto de eso es que, si desea cambiar eso, debe cambiar los anchos de aquellos que contienen divs y/o el ancho de los elementos que se desplaza cuando la ventana cambia de tamaño.

Intente cambiar los tamaños de esos elementos en el cambio de tamaño de la ventana en lugar de reinicializar el carrusel y ver qué sucede (sin su marcado, eso es sobre el mejor consejo que puedo dar)