.slideToggle无效

Question

.slideToggle无效

我知道我将文件链接正确,因为它显示在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>

Run Code Online (Sandbox Code Playgroud)

jQuery的:

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

Run Code Online (Sandbox Code Playgroud)

Answer 1

the*_*dox 5

您需要将整个代码包装在$(document).ready()处理程序中.因此,它确保在整个资源加载完成后代码将绑定到dom.

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

Run Code Online (Sandbox Code Playgroud)

注意

检查您的外部JavaScript文件的路径是否正常.

归档时间：	13 年，5 月前
查看次数：	1288 次
最近记录：	13 年，5 月前