JScrollPane无法正常使用隐藏内容

Question

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

我的网站工作原理如下:从主页面,使用jQuery的load()方法动态加载页面.在我加载的页面中,我有以下脚本来启动jScrollPane:

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

这似乎被称为.到目前为止我没有问题.问题是页面在开始时不够长,不需要滚动条.我隐藏的内容仅显示在特定操作上(即单击按钮显示某个段落的内容),当我单击以显示隐藏div的内容时,滚动条不会出现.

我也试着打电话给$('.scroll-pane').jScrollPane();我展示新的内容(即在.show()隐藏的情况下触发div我也会调用$('.scroll-pane').jScrollPane();),但我也没有成功.

谁能帮我？

谢谢

编辑:

我忘了提到页面的结构:我有一个div已经class="scroll-pane"加载了页面加载,它包含了点击特定区域时显示的小隐藏div.我想用类滚动窗格向div添加一个滚动条,以使显示的div的内容可滚动(现在内容保持在div的大小但是它不可滚动,因为没有jScrollPane滚动条是示出).

更新:

我试图放入我的div $('.scroll-pane').jScrollPane();的.show()方法的回调,并试图放到class="scroll-pane"那些出现的div,但再次没有显示(滚动条没有出现,div不可滚动).

Answer 1

查看插件开发人员提供的演示

http://jscrollpane.kelvinluck.com/examples/invisibles.html

首次显示元素时,您只需(重新)初始化滚动窗格(或者如果您愿意,甚至可以使用autoReinitialise),并且可以正确计算其宽度和高度.

你需要的只是

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

并且可能是该插件的最新版本