0

学校で取り組んでいるプロジェクトで、派手なJSsliderを使おうとしていますが、なぜそれが機能しないのか理解できないようです。シンプルなはずです...

<link href='http://fonts.googleapis.com/css?family=Merienda One' rel='stylesheet'          type='text/css'>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>

<div id="wTurkey">

     <h1> The Wild Turkey</h1>

    <div class="coin-slider">

    <a href="" target="_blank">

        <img src='images/cotside.jpg'>

        <span>
          <p>The Wild Turkey</p>
             Some text here
        </span>
</a>

ボディタグの最後に次のように表示されます

  <script type="text/javascript">

  $(document).ready(function() {

    $('#coin-slider').coinslider({hoverPause: false });

    });
    </script>
  </body>

これが元のサイトです。http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/ 私は基本的に、何が悪いのかを教えてくれる2番目の目を探しています。

4

1 に答える 1

3

問題はjQueryセレクターにあります：

$('#coin-slider')

する必要があります

$('.coin-slider')

「ドット」は、IDではなくcssクラスを示します（＃記号で示されます）

于 2012-10-27T21:18:37.877 に答える