javascript - 如何在使用 jQuery 加载页面后淡化 div？

Question

我正在尝试淡化此 HTML 的 Movies div

<div class="row">
  <div id=Movies class="col-md-4">
   <h2>Movies</h2>
  <p>Some text.</p>

 </div>
</div>

我正在使用这个 jquery 代码

<script>
    $(function(){$("#Movies").show("slow");
                });
</script>

我也试过这个:

<script>         
          $(document).ready(function(){$("#Movies").fadeIn(3000);
                             });
</script>

但它不起作用。页面加载时没有淡入。div 就像其他所有元素一样加载。这有什么问题吗？

Answer 1

添加此 CSS 使其隐藏，然后只有在页面加载时它才会淡入缓慢

#Movies {
display:none;
}