Javascript 使用jQuery加载页面后，如何淡入div？

我正在尝试淡出这个HTML的电影部分

<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>

$（function（）{$（“#Movies”）.show（“slow”）；
});

我也试过：

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

$（document）.ready（function（）{$（“#Movies”）.fadeIn（3000）；
});

---

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

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

fadeIn

#Movies {
display:none;
}

让它发挥作用

#movie

必须隐藏，然后显示文档准备就绪的时间，正如jQuery函数所暗示的那样。

$（文档）.ready（函数（）{
$（“#电影”）。法登（3000）；
});
电影{
显示：无；
}

影视
一些文本

首先，您必须隐藏电影div，然后淡入。我还看到您的id“Movies”在问题代码段中没有加引号。希望能有帮助

Html

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

 $(document).ready(function(){
     $("#Movies").fadeIn(3000);
});