多个jQuery脚本问题

Question

你可以帮我解决我的演示站点上的jQuery问题。我有两个jQuery脚本运行。一个用于在同一页面上使用两个脚本左右移动的循环内容和一个用于多个垂直滚动内容（使用jscrollpane）的循环内容。

当一个项目滑动打开时，文本可以上下滚动。当我滑动到下一个内容（使用左右箭头），但未关闭内容并返回到上一页时，垂直滚动条被锁定。需要刷新页面来重置垂直滚动功能。

第一次关闭内容时，此问题未显示出来。你能帮我指出这个问题吗？我曾尝试过关于http://jscrollpane.kelvinluck.com/上列出的任何内容。

感谢， 马亭

Answer 1

出现这种情况的原因是因为你使用的是旋转木马脚本复制元素，然后将其添加到传送带的尽头。由于您只在初始页面加载中调用$('.scroll-pane').jScrollPane();，因此动态创建的此类的项目将不会使用jQuery滚动窗格插件进行初始化。

到目前为止，我发现的唯一方法就是直接修改传送带脚本，并在每次创建新对象时重新初始化窗格。

我添加了一个jsFiddle here它显示了一个工作示例。有一点需要注意的是，由于窗格被销毁并重建，所以当元素被重新创建时，滚动位置总是移回顶端。