Jquery 如何调整滚动窗格的大小-我调整大小的代码向下，但不是向上。有什么建议吗？

即使我的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之所以使用div widthforeachpage，是因为滚动窗格功能的每个“我的网页”上的滚动窗格宽度不同。

请尝试：

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

---

您是否尝试将自动重新初始化设置为true？刚刚添加了它，并修改了我的代码供您查看，但它不起作用感谢帮助-我尝试了使用和不使用窗口绑定部分，但都失败了。查看console.log，我得到了两个结果——没有bind，红色文本扩展器脚本的api未定义错误被拉了出来，而bind则为}else{api.reinitialise；}拉了一个api未定义。不幸的是，我不知道该如何处理这些信息！谢谢@sunn0，代码绝对比我刚开始的要整洁！我试过使用和不使用你的新代码绑定，也去掉了该页面上的任何其他脚本，当从一个小窗口转到一个大窗口时，它仍然会中断。真不知道下一步该怎么办！