如何调整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(); 
     } 
    }); 
});