リサイズウィンドウでjCarouselLiteを再適用または調整する

Question

jCarouselLiteプラグインを再調整しようとしていますが、ウィンドウのサイズを変更するときに破棄して再適用しようとしていますが、それは...その「ページ」に

をスクロールするメニューをナビゲートするとき、私はサイズ変更でこれを使用するtryied、およびjcarouselliteを再適用するが、それは働いていなかったしている場合は、：

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

これを私が使用しているコードですが、jcarouselLiteを再適用し続けると、カルーセルが狂ってしまいます！

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

SOLUTION：

「idrumgood」、私は「LI」でこれを行うにしようとしていたが、プラグインを無効化についてもう少し探して、私はクリックをアンバインドする必要があることを発見

$(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（およびほとんどすべてのカルーセルプラグイン）カルーセルが作成されたときに、いくつかの余分なマークアップを注入：あまりにも、そう、ここに私が適用しなければならなかったコードです。通常はオーバーフローが隠された幅がelementsWidth * numberOfElementsに設定されている要素を含む。その中に2番目の要素が含まれていて、それが実際に何が移動するのかということです。その後、要素が浮動し、セカンダリを含む要素の左余白がスクロール効果を与えるように変更されます。

これを変更したい場合は、divを含むものの幅や、ウィンドウのサイズ変更時にスクロールする要素の幅を変更する必要があります。