jQuery在页面加载时缓慢显示

Question

我正在尝试对id为“contentblock＆＃39;”的特定div进行缓慢显示。在页面加载。这是我第一次尝试在jQuery中编写代码并继续失败。以下是我最近的尝试，但我是一个完整的新手，令人惊讶的是谷歌并没有提供很多帮助。

<script type='text/javascript'>

$(window).onload(function(){
   $('#contentblock').slideDown('slow');
    return false;
 });


</script>

之前我还有以下代替上面的窗口上传行：

$(document).ready(function(){

但这也没有任何成功。有人可以帮助jQuery新手吗？

Answer 1

首先，您需要确保隐藏元素（或者不会显示该元素，因为它已经可见）。您可以在CSS或JavaScript / jQuery中执行此操作：

#contentblock {
    display: none;
}

或者：

$('#contentblock').hide();

如果使用CSS隐藏元素，则需要注意，如果在用户的浏览器中禁用了JavaScript，该元素将保持隐藏状态。如果您使用JavaScript，那么该元素可能会在首次显示然后隐藏时闪烁。

然后致电：

$(window).load(function(){
   $('#contentblock').slideDown('slow');
 });

我对您的jQuery做了两处修改，首先我将onload更改为load，并且我还删除了return false，因为load()方法不希望任何价值被退回在这里没有任何意义。

对于上面的jQuery，您可以使用：

$(document).ready(function(){
   $('#contentblock').slideDown('slow');
 });

Answer 2

$(document).ready(function(){
  if($('#contentblock').is(':hidden'))
  {
    $('#contentblock').slideDown('slow');
  }
});

如果你的项目中添加了jquery并且你的div显示为none ......这样的东西应该可以工作。