jquery - 为什么点击事件没有触发 jQuery Slide Down？

Question

我编写了以下 jQuery 代码，div#show单击链接时应该会向下滑动。测试时，似乎什么都没有发生。感谢您对错误的任何帮助。

http://jsbin.com/exakuj

HTML

<header>
  <h1>Heading</h1>
</header>
<section>
  <a href='#' id='click'>Lorem ipsum dolor sit amet, consectetur adipiscing elit vestibulum convallis.</a>
  <div id='show'></div>
</section>

jQuery

$('#click').click(function() {
$('#show').slideDown('slow', function() {
// Animation complete.
  });
});

Answer 1

首先，#show 标签中没有任何内容可以让其向下滑动。放一些内容进去。其次，你必须在你的文档中调用这个 onReady - 这可以确保你引用的标签在脚本执行时被加载并呈现

$(function(){
  $('#click').click(function() {
  $('#show').slideDown('slow', function() {
  // Animation complete.
    });
  });
});

编辑：见这里 - http://jsbin.com/exakuj/5/edit