jquery - ScrollPane のサイズを変更する方法 - コードのサイズは小さくなりますが、大きくはなりません。助言がありますか？

Question

私のjqueryコードがsunn0によって親切にクリーンアップされた後でも、画面が大きくなったときにスクロールペインが適切に再初期化されませんでした。ついに今日それを解決し、css/htmlで注文した方法であることがわかりました

私は持っていた...

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

しかし、順序を以下に変更すると、完全に機能します!

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

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