0

これが非常に単純な質問である場合は申し訳ありませんが、SOまたはjScroll googleグループで答えが見つからないようです。

現在、私のコードは基本的に次のとおりです。

<div id="wrapper">
    Content here.
</div>

次に、$(document).ready で呼び出された関数内に、次のものがあります。

$('#wrapper').jScrollPane({ showArrows: true, verticalArrowPositions: 'after'});

ただし、受け取ったエラーは次のとおりです。

SCRIPT438: Object doesn't support property or method 'jScrollPane' 

興味深いのは、コードがローカライズされたスクロールバーをラッパー div に正常に適用していることです。ただし、カスタム css は適用されず、Firebug をチェックインすると、jScroll は独自のスクロールバーを作成していません。これが、ブラウザーのネイティブ スクロールバー デザインのみが表示される理由だと思われます。

このエラーが何を意味するのか分かりますか? オブジェクトは div なので、jScrollPane をサポートしない理由がわかりません。すべての正しい CSS および JS ファイルが指定されており、Firebug は、サイトがそれらをロードしていることを教えてくれます。すべてのブラウザで同じ問題があります。

リンクを提供できなかったことをお詫び申し上げます。プロジェクトは私の会社の内部サーバーにあります。アドバイスをよろしくお願いします。

編集:これが私のリンク/スクリプトがヘッダーでどのように見えるかです。

<link type="text/css" href="jscroll/jScrollPane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="jscroll/jquery.mousewheel.js"></script>
<script type="text/javascript" src="jscroll/jScrollPane-min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

編集:解決しました。 これが問題が解決した正確な理由かどうかはわかりませんが、私が取り組んでいたページの他の部分が、より更新されたバージョンの jQuery を呼び出していることに気付きました。jScrollPane チュートリアル ページで呼び出されたバージョンであるため、上記の呼び出しを除いて、すべての呼び出しを削除しました。問題を解決したようです。

みんな、ありがとう。

4

1 に答える 1

1

解決しました。これが問題が解決した正確な理由かどうかはわかりませんが、私が取り組んでいたページの他の部分が、より更新されたバージョンの jQuery を呼び出していることに気付きました。jScrollPane チュートリアル ページで呼び出されたバージョンであるため、上記のものを除いて、すべての呼び出しを削除しました。問題を解決したようです。

于 2012-11-23T21:58:34.413 に答える