jquery - 如何调整 ScrollPane 的大小 - 我缩小但不放大的代码。有什么建议么？

Question

即使在 sunn0 友好地清理了我的 jquery 代码之后，当屏幕变大时，滚动窗格也没有正确重新初始化。今天终于解决了，原来这是我按 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();
        }
    });
});