jquery - 无法让 jScrollpane 在我的网站上工作

Question

我试图在我的网站上使用 Kelvin Luck 的 JScrollPane，但在让它工作时遇到了一些麻烦。

具体来说，我尝试从此处的示例页面复制简单水平滚动功能的编码，但显然遗漏了一些内容：

http://jscrollpane.kelvinluck.com/arrows.html

这是我正在测试的页面：

http://lowhandicapper.com/members/chipping-playlist-test/

我的播放列表中共有 7 个视频，但我无法滚动显示最初隐藏的 3 个视频。

更新：

我还为上面第一个链接中的水平滑块使用相同的 html 创建了一个测试页面，并将其放在我的网站上：

lowhandicapper.com/members/exact-horizo​​ntal-test/

仍然无法让它工作。

Answer 1

问题出在您的 HTML 标记中。

您不需要创建所有的 .jspcontainer、.jspHorizo​​ntalBar 等。Jscrollpane 会为您完成。

此外，当您初始化.jScrollPane()函数时，使用jQuery而不是$由于某种原因它不起作用......也许您与另一个框架发生冲突。

jQuery(document).ready(function() {
    jQuery('.scroll-pane').jScrollPane({showArrows: true});
});

这是一个工作示例

您只需要更新容器宽度。