Javascript JScrollPane无法正确处理隐藏内容

我在我的网站上安装了jScrollPane，但无法使其正常工作

我的网站工作如下：从主页上，使用jQuery的

load（）

方法动态加载页面。在我加载的页面中，我有以下脚本来启动jScrollPane：

$(function(){
    $('.scroll-pane').jScrollPane();
});

这似乎被称为。我想到目前为止没有问题。问题是页面开始时不够长，不需要滚动条。我有只在特定操作上显示的隐藏内容（即，单击按钮显示特定段落的内容），当我单击以显示隐藏div的内容时，滚动条不会显示

我还尝试调用

$（'.scroll pane'）.jScrollPane（）当我显示新内容时（即在隐藏的
div
上触发
.show（）
的事件中，我也调用
$（'.scroll pane'）.jScrollPane（）；
），但我也没有成功

有人能帮我吗

谢谢

编辑：

我忘了提到页面的结构：我有一个
div
，它有
class=“scroll pane”
，并加载页面加载，它包含一些小的隐藏div，当单击特定区域时会显示出来。我想通过类滚动窗格向div添加一个滚动条，以使显示的div的内容可滚动（现在内容保持在div的大小，但由于没有显示jScrollPane滚动条，因此不可滚动）

更新：

我试着把
$（'.scroll pane'）.jScrollPane（）放进去
在我的divs的
.show（）
方法的回调中，并尝试将
class=“scroll pane”
放入显示的div，但仍然没有显示任何内容（滚动条不显示，div不可滚动）。
检查插件开发人员提供的此演示


当元素首次显示时，您只需（重新）初始化
滚动窗格（如果愿意，您甚至可以使用自动重新初始化）和
将正确计算其宽度和高度

你所需要的只是

$(function(){
    $('.scroll-pane').jScrollPane({autoReinitialise: true});
});

可能是插件的最新版本，我建议使用css可见性属性，而不是自动重新初始化。每次调用show（）方法时，jScrollPane都会重新初始化自身。这需要时间并对动画产生影响

比如说，如果使用slide..（）方法，动画将正常启动，但可滚动容器（及其元素）出现得稍晚，这看起来很糟糕

var wrapper = jQuery('#gallery-album-preview-wrapper');
if (wrapper.css("visibility") == "hidden") {
    wrapper.css("visibility", "visible").css("display", "none");
}
if (wrapper.is(":hidden")) {
    wrapper.slideDown(1000);
} else {
    wrapper.slideUp(1000);
}

如果在显示隐藏内容时没有显示滚动条，则无法滚动。问题一定来自HTML。您的HTML元素是否有一个“位置”或“浮动”使它们脱离HTML流？不，不，它们在我的CSS中都是相对于主包装的
position:relative
。这很奇怪，如果它没有滚动，因为滚动条没有出现，可能是某种CSS问题。我将检查CSS文件（我导入的那个+我已经拥有的那个）。谢谢，我后来确实使用了这段代码，但后来我发现了一些其他错误。无论如何，谢谢，这应该已经完成了工作：）。如果。滚动窗格块有高度，这就是工作。如果此块只有最大高度怎么办？@Bohdan我认为这可能不是问题，因为高度和宽度通常是根据父元素的实际尺寸计算的。你能给我看一个例子吗？@Cheery这里是网店中使用微型购物车的例子：-没有jsp的微型购物车；-隐藏微型购物车时初始化带有jsp的微型购物车；-打开微型购物车时，使用jsp初始化微型购物车。第一次打开-好的。第二次打开失败：（.@Cheery-与示例3相同，但使用最新的jScrollPane css和脚本。