无法让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-horizontal-test/

仍然无法让它发挥作用。

Answer 1

问题在于您的HTML标记。

您无需创建所有.jspcontainer，.jspHorizo​​ntalBar等。 Jscrollpane为你做到了。

此外，当您初始化.jScrollPane()函数时，请使用jQuery而不是$由于某种原因，它无效...也许您与其他框架存在冲突。

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

Here's a working example

您只需要更新容器宽度。