jScrollPane 动态内容答案

【问题标题】：jScrollPane dynamic contentjScrollPane 动态内容
【发布时间】：2014-02-03 00:42:33
【问题描述】：

我正在尝试使用以下 jquery 插件：http://jscrollpane.kelvinluck.com/dynamic_content.html
但是当我尝试重新初始化 API 时仍然没有成功

我有一个 div (id=content) 接收来自 load() 方法 (jquery) 的响应，毕竟我再次使用 $('#content).jScrollPane() 来刷新滚动条，但没有成功 = \

谁能帮帮我？谢谢！

【问题讨论】：

有趣的是我也有同样的问题！我可以加载内容然后执行 $('#content).jScrollPane() 并显示滚动条。重复此操作（在内容刷新时）会使 jScrollPane 停止工作。我知道我们必须重新初始化（），但还没有弄清楚怎么做。
这就是答案...我声明了 2 个全局变量 var _jsp_api; var _$items_list; （你会在一秒钟内看到原因）然后在文档加载时我执行这两个语句： _jsp_api = $(".scroll-pane").jScrollPane( 你需要的任何 jsp 选项 ).data('jsp'); _$items_list = _jsp_api.getContentPane();现在，每次您需要更新可滚动区域的内容时，您都将使用 _$items_list 而不是之前使用的任何内容，并且当内容更改时您必须执行：_jsp_api.reinitialise();就是这样。希望这会有所帮助。

【解决方案1】：

一个快速的谷歌从

产生以下

function refreshNav() {
    var pane = $('YOUR SELECTOR');
    var api = pane.data('jsp');
    api.reinitialise();
}

效果很好……

【讨论】：

【解决方案2】：

...如果您想刷新站点上的所有滚动窗格，请使用：

function refreshPane() {
  var pane = $('YOUR SELECTOR').each(function(){
    var api = $(this).data('jsp');
    api.reinitialise();
  });   
}

【讨论】：