html - CSS 选择器，HTML 标记，我错过了什么？

Question

我正在尝试使用一个花哨的 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/ 我基本上只是在寻找第二双眼睛来告诉我出了什么问题。

Answer 1

问题在于您的 jQuery 选择器：

$('#coin-slider')

应该

$('.coin-slider')

“点”表示一个 CSS 类而不是一个 ID（由 # 符号表示）