0

nivoスライダーを埋め込みました：

<link rel="stylesheet" href="/test/workspace/css/nivo-slider.css" type="text/css" media="screen" />
<div class="slider-wrapper theme-default">
  <div class="ribbon"></div>
  <div id="slider" class="nivoSlider">
    <img src="http://amarilaw.com/test/image/2/877/317/5/0/images/lighthouse.jpg" />
    <img src="http://amarilaw.com/test/image/2/877/317/5/0/images/main-image2.png" />
  </div>
</div>

次に、次の JavaScript を追加します。

 <script type="text/javascript" src="/test/workspace/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect: 'random', 
        pauseTime: 4000
     });
});
</script>

(ヘッダーにはjqueryが既に読み込まれているので、ここではしませんでした)

ただし、次のエラーが表示されます。

Uncaught TypeError: Object [object Object] has no method 'nivoSlider' /test/:76
(anonymous function) /test/:76
f.event.dispatch jquery-1.7.2.min.js:3
f.event.add.h.handle.i

このサイトには、同じエラーが発生した他の投稿がいくつかあります。以下の解決策をすべて試しましたが、成功しませんでした。

  • jquery がページに 2 回読み込まれないようにする
  • window.load を document.ready に変更する
  • js ファイルへのすべてのファイル パスが正しいことを確認する
  • イエスを心に受け入れる

誰でもアイデアを得ましたか？リンクは次のとおりです。表示するには、以下にログイン情報を入力する必要があります: [1] [1]: http://amarilaw.com/test

ユーザー: ベータテスト

パス：プリーズワーク

4

1 に答える 1

1

jQuery.min.js ファイルを複数回呼び出していますが、それを訴えたと言いました。行6とを参照してください108。同じファイルが 2 回表示されます。

このため、関数はロードのスコープで jQuery で使用できず、関数をロードできません。

ここで 2 つのことを行います。

1

ドキュメント全体に散らばったランダムな<script>タグをすべて取り、それらを に移動しますbottom of the document body。

2

108 行目にある jQuery.min.js ファイルを削除します。

3

????

4

利益。

于 2012-05-26T05:47:21.173 に答える