jScrollPaneを使用しようとすると、常にJavascriptエラー「jScrollPaneは関数ではありません」が表示されます。私のヘッダーは次のようになります
...
<link rel="stylesheet" type="text/css" href="assets/css/jquery.jscrollpane.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ruda" media="all" />
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="assets/js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="assets/js/script.js"></script>
script.jsには、次のコード行が含まれています。
$(window).load(function() {
$(function(){ $('.scrollbar').jScrollPane(); });
});
私のdivは次のようになります:
<div class="scrollbar"><p>...</p></div>
そして、次のスタイルがあります。
.scrollbar {
background: none repeat scroll 0 0 #FFFFFF;
max-height: 550px;
overflow: auto;
}
何を試しても、このエラーが発生し続け、jScrollpaneを正しく機能させる方法がまったくわかりません。これに関する助けをいただければ幸いです。