为什么Click事件不会触发jQuery Slide Down?

时间:2013-06-02 10:42:28

标签: jquery html

我编写了以下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.
  });
});

1 个答案:

答案 0 :(得分:4)

首先,#show标签中没有任何内容可以向下滑动。把一些内容放进去。其次,您必须在文档的onReady中调用它 - 这可以确保在脚本执行时加载并显示您引用的标记

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

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