Riapplicare o regolare jCarouselLite sulla finestra di ridimensionamento

Question

Sto cercando di riaggiustare, o distruggere e riapplicare il jCarouselLite plug durante il ridimensionamento della finestra, ma non ho successo, questo è perché ho creato un sito web in cui ogni pagina è un 'li', dove, durante la navigazione attraverso il menu si scorrere fino a che 'pagina' ...

Ho tryied usare questo su di ridimensionamento, e riapplicare la jcarousellite, ma non ha funzionato:

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

Questo è il codice che sto utilizzando, ma se continuo a riapplicare il jcarouselLite, la giostra impazzisce!

$(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"]
    });
});

SOLUZIONE:

"idrumgood", stavo cercando di fare questo solo con la "li", ma alla ricerca di un po 'di più su plugin disattivazione, ho scoperto che devo separare i clic troppo, quindi, ecco il codice che ho avuto da applicare :

$(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 (e praticamente qualsiasi giostra plugin) inietta un po 'di margine di profitto in più quando si crea la giostra. Di solito un elemento di contenimento che è impostato con una larghezza di elementsWidth * numberOfElements con troppopieno nascosto. Un secondo elemento di contenimento all'interno che viene creata e che è quello che effettivamente muoversi. Quindi gli elementi sono poi galleggiare e il margine sinistro dell'elemento di contenimento secondario viene alterato per dare l'effetto di scorrimento.

Punto di ciò è, se si vuole cambiare la situazione, è necessario modificare la larghezza di quelle contenenti div e / o la larghezza degli elementi che si sta scorrendo attraverso quando le ridimensiona finestra.

Provare a cambiare le dimensioni di questi elementi sul ridimensionamento finestra invece di ri-inizializzare il carosello e vedere cosa succede (senza il tuo markup, che è di circa il miglior consiglio che posso dare)