ScrollPaneのサイズを変更する方法 - サイズを変更してもサイズは変更しないコードです。助言がありますか？

Question

私のjqueryコードがsunn0によって親切にクリーンアップされた後でさえ、画面が大きくなったときにスクロールペインが正しく再初期化されませんでした。最後に、今日、それを解決し、それは私がCSS/HTMLで

を命じた方法ですが判明し、私は...

<div class=”scroll-pane horizontal-only”> 
    <div id=”content-holder” class=”widthforeachpage”> 
    <div class=”content-holder”>1</div> 
    <div class=”content-holder”>2</div> 
    <div class=”content-holder”>3</div> 
    <div class=”content-holder”>4</div> 
    </div><!--end content holder--> 
    </div><!--end scroll-pane--> 

があったが、私はそれが完璧に動作の下に順番を変更したら！

<div id=”content-holder” class=”scroll-pane horizontal-only”> 
    <div id=”widthforeachpage”> 
    <div class=”content-holder”>1</div> 
    <div class=”content-holder”>2</div> 
    <div class=”content-holder”>3</div> 
    <div class=”content-holder”>4</div> 
    </div><!--end widthforeachpage--> 
    </div><!--end content holder--> 

psスクロールペインが機能するマイページごとにスクロールペインの幅が異なるため、「widthforeachpage」というdivがあります。

Answer 1

試してみてください。

$('.scroll-pane').each(function(){ 
    $this = $(this); 
    $this.jScrollPane({ 
     showArrows: false, 
     autoReinitialise: true, 
     animateScroll: true, 
     horizontalDragMinWidth: 90, 
     horizontalDragMaxWidth: 90 
    }); 
    var api = $this.data('jsp'); 
    var throttleTimeout; 
    $(window).bind('resize', function() { 
     if ($.browser.msie) { 
      if (!throttleTimeout) { 
       throttleTimeout = setTimeout(
        function(){ 
         api.reinitialise(); 
         throttleTimeout = null; 
        }, 
        50 
       ); 
      } 
     } else { 
      api.reinitialise(); 
     } 
    }); 
});