为什么Click事件不会触发jQuery向下滑动？

我已经编码了下面的jQuery，当点击链接时应该使div#show滑下来。经过测试，似乎没有任何事情发生。任何帮助与错误表示赞赏。为什么Click事件不会触发jQuery向下滑动？

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. 
    }); 
});

来源

2013-06-02 Susan Robinson

首先有没有在#show标签为它滑下来。在其中放入一些内容。其次，你必须把这个onReady文档的 - 这样可以保证你指的是被加载标签和现在当脚本执行

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

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

来源

2013-06-02 10:44:17 Arun

是一个小挑剔，''当解析DOM时，'$（function（）{}）'''实际上会触发onReady事件。 onLoad在所有外部资源加载完成后触发。 –

@Juan你是对的。打字时没有想太多.. – Arun

@SusanRobinson，请参阅http://jsbin.com/exakuj/5/edit。您应该先隐藏#show – Arun

为什么Click事件不会触发jQuery向下滑动？

回答

相关问题