0

Chrome のインスペクターに表示されるので、ファイルが正しくリンクされていることがわかります。ここに私のHTMLがあります:

    <!DOCTYPE html>
      <html>
        <head>
          <title>jQuery</title>
          <script type='text/javascript' src='jquery-1.7.2.min.js'></script>
          <script type='text/javascript' src='scripts/change.js'></script>
        </head>
        <body>
          <p>
            <button id="start">Start</button>
            <button id="stop">Stop</button>
          </p>
          <p id="image">
            <img src='images/image.jpg' alt="image" />
          </p>
        </body>
      </html>

jQuery:

      $('#start').click(function() {
        $('#image').slideToggle(3000);
      });
4

1 に答える 1

5

$(document).ready()コード全体をハンドラー内にラップする必要があります。したがって、リソース全体のロードが完了した後、コードが dom にバインドされることが保証されます。

$(document).ready(function() {
  $('#start').click(function() {
    $('#image').slideToggle(3000);
  });
});

ノート

外部 JavaScript ファイルへのパスがOKであることを確認してください。

于 2012-08-14T18:53:18.107 に答える