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

它开始工作。