0

私のウェブサイトに Coin Slider (http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/) を実装しようとしています。しかし、私はそれを機能させることができません。Firefox エラー コンソールに「$ が定義されていません」というメッセージが表示されます。

私は HTML と CSS しか知らないので、コードをコピーして貼り付けるだけだと思っていました。簡単に直せるものならいいのですが、噛み切れないほど噛んでしまったかもしれません。

助けてくれてありがとう。

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript" src="coin-slider.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../style.css" />
<style type="text/css">
</style>
    </head>
    <body>
    <div id="wrapper">
<!-- Begin Content -->
     <div id="content">
    <div id='coin-slider'>
     <a href="" target="">
    <img src='../portfoliopages/Funpets/splashpresliced.jpg' >
      <span>
      Description for img01
    </span>
    </a>
    <a href="" target="">
      <img src='../portfoliopages/Funpets/eggprespliced.jpg' >
     <span>
     Description for imgN
     </span>
     </a>
    <a href="" target="">
    <img src='../portfoliopages/Funpets/baby.jpg' >
      <span>
      Description for img01
    </span>
    </a>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#coin-slider').coinslider({ width: 550,
    height: 220,
    spw: 7,
    sph: 5,
    delay: 3000,
    sDelay: 30,
    opacity: 0.7,
    titleSpeed: 500,
    effect: '',
    navigation: true,
    links : true,
    hoverPause: true });
    });
    </script
    </div>
    </div>
     <!-- End Content -->
    </div>
    </div>
<!-- Begin Footer --></div> </div>
     <!-- End Footer -->
    </body>
    </html>
4

3 に答える 3

1

エラー $ is not defined は、ページが jQuery を見つけられない場合、または jQuery がロードされる前に参照されている場合によく発生します。あなたのインスタンスではjQueryが最初にロードされているので、jQueryへのパスが間違っていると思います. jquery へのパスを再確認し、jquery JS ファイル jquery-1.4.2.js を参照できることを確認します。

于 2012-06-26T10:09:46.737 に答える
1

つまり、jQuery 変数$が定義されていません。jQueryをダウンロードせずにコピペしただけだと思います。

この特定のコードでは、jQuery をダウンロードし、ファイルに名前を付けて、jquery-1.4.2.jsこのファイルと同じ場所に配置する必要があります。あなたもそこに着くはずですcoin-slider.min.js。おそらくチュートリアルに添付されているはずです。

于 2012-06-26T10:12:38.033 に答える
0

ページの読み込み中に 404 エラーがないことを確認してください。Firefox で FireBug を有効にし、ネット設定に移動し、ページをリロードして http 応答を確認します (または他のデバッガー/検査ツール)。

スクリプト ソースを完全な URL に置き換えて、コードが機能しているかどうかをテストできます。

Jquery の場合: http://workshop.rs/projects/coin-slider/jquery-1.4.2.min.js

コインスライダーの場合 : http://workshop.rs/projects/coin-slider/coin-slider.min.js

Coin Slider の例/デモ ページから完全な URL を取得しました。リンクを開いて、ローカル マシンにダウンロードできます。

于 2012-06-26T10:15:24.303 に答える