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

これが機能し始めました。