Jquery jScrollPane不工作，但未显示任何错误

我已在以下页面上为贸易展区域添加了jScrollPane:。然而，我似乎做错了什么，脚本对我来说不起作用

这是我头部的部分：

<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>

$（函数（）{
$（'.scroll窗格在''.jScrollPane之前）'.jScrollPane(
{
真的，
箭头滚动悬停：true，
垂直箭头位置：“在”之前，
水平箭头位置：“之前”
}
);
});

这就是使用脚本的地方：

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

展会信息展会信息展会信息
展会信息展会信息展会信息
展会信息展会信息展会信息
贸易展信息贸易展信息贸易展

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

有人知道会发生什么吗

---

谢谢

结果是，jScrollPane不能很好地与它旁边指定的另一个class属性配合使用。一旦我将代码修改为：

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

它开始工作了