0

完全な特定のエラーは

Uncaught TypeError: Object #coin-slider has no method ‘coinslider’

私はこの問題をかなり深く調べましたが、他の人もこれに悩まされているようです.

残念ながら、彼らにとってうまくいったように見える解決策は、私にとってはうまくいきません。これが起こった人のほとんどは、私のように、JQuery のかなりの初心者です... したがって、これは簡単かもしれませんが、おそらく私のような多くの初心者を助けるでしょう.

サンプル コードは現在、techbuildersgroup.com/Sirah/でホストされています。

そのページは、この問題が続く限り存在します...申し訳ありませんが、このページはジャンクです。最初に、これを機能させるために gedit で実際に一緒にスローされました。

このエラーに対する最も一般的な回答は、スクリプトの読み込み順序に関するものです。

これをローカルで開発していて、Google から JQuery を取り込んでいたので、Chrome の開発者ツールで読み込み順序を確認したところ、スクリプトがコードで要求された順序にもかかわらず、実際には JQuery が最後に読み込まれていることに気付きました。

このため、JQuery のローカル コピーを作成し、スクリプト呼び出しがページ内でできるだけ広く分離されるようにしました。JQuery は head で呼び出され、coin-slider スクリプトは body の下部で呼び出されます。

これで解決しませんでした。

この問題が発生した他のユーザーは、ページの準備が整う前にブラウザーがすぐに呼び出そうとするように、スライダーのインスタンス化呼び出しが台無しになりました。私は常に でラップされている$(document).ready(function(){...});ため、その問題が私に当てはまるかどうか、なぜ、またはどのように当てはまるかわかりません。

繰り返しますが、私は JQuery の初心者であり、JQuery をもっと深く操作できるようになりたいと思っています。 ..

どんな助けでも大歓迎です。

================================================== =====================

オフサイトでホストするのではなく、コードを投稿するように要求されました。

頭の関連コード:

  <link rel="stylesheet" href="css/site.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/coin-slider-styles.css">
  <!-- Import JQuery -->
  <script src="js/jquery.min.js"></script>

実際のスライダーに関連するコード（このセクションのフォーマットの問題については申し訳ありません...表示するのに少し手間がかかりました）：

<div id="image_scroller">

  `<div id="coin-slider">`
     `<a href="#">`
        `<img src="img/sirah_logo.png">`
        `<span>sirah logo</span>`
     `</a>`
     `<a href="#">`
        `<img src="img/sirah_logo2.png">`
        `<span>sirah logo</span>`
     `</a>`
              ....
  `</div>`

</div>

関連するスクリプト呼び出し:

  <!-- Instantiate Slider -->
  <script src="js/coin-slider.min.js"></script>
  <script>
     $(document).ready(function()
     {
        $("#coin-slider".coinslider());
     });
  </script>

投稿するのではなく、最初にホストしてしまったことをお詫びします。

4

1 に答える 1

1

閉じ括弧の位置を間違えました。

これを変える

$("#coin-slider".coinslider());

に

$("#coin-slider").coinslider();
于 2012-07-14T21:28:01.243 に答える