如何調整ScrollPane的大小 - 我調整了代碼的大小，但沒有調整。有什麼建議麼？

Question

即使在我的jquery代碼被sunn0善意清理之後，當屏幕變大時，scrollpane並沒有正確地重新初始化。今天終於解開了它，原來它是我下令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」，是因爲滾動面板寬度在每個我的網頁的滾動窗格功能的不同。

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