jScrollPane无法正常工作，但未显示任何错误

Question

我在以下页面上为展会区域添加了jScrollPane：http://mmicet.yazminmedia.com。但是，我似乎做错了，脚本对我不起作用。

这就是我头脑中所拥有的：

<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="includes/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="includes/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" id="sourcecode">
$(function() {
    $('.scroll-pane-before').jScrollPane(
        {
            showArrows: true,
            arrowScrollOnHover: true,
            verticalArrowPositions: 'before',
            horizontalArrowPositions: 'before'
        }
    );
});
</script>

这就是使用脚本的地方：

<p class="tradeshow scroll-pane-before">
tradeshow infotradeshow infotradeshow info
tradeshow infotradeshow infotradeshow info
tradeshow infotradeshow infotradeshow info
tradeshow infotradeshow infotradeshow</p>

当我检查我的代码时，我没有看到任何错误。

任何人都有任何想法可能会发生什么？

谢谢！

Answer 1

事实证明，jScrollPane与其旁边指定的另一个类属性不兼容。我将代码修改为：

<p class="scroll-pane-before">

它开始工作了。