Jquery fadeIn（）无效

Question

说明：我正在使用jquery尝试fadeIn()我的容器，但它不起作用。我有点新手，只是从代码学的jquery课程开始。

问题：我在myScript.js文件中编写的方法似乎不起作用。与其他示例相比，语法看起来还可以。我把我的js文件链接到html文件，如下所示：

<script type="text/javascript" src="/Content/js/myScript.js"></script>

这是我的index.cshtml文件，我在其中为某些导航创建了一个容器：

 <div class="container" id="fade">
        //some other buttons, divs, etc
 </div>

这是我自定义的js文件：

$(document).ready(function () {
    $('#fade').fadeIn('slow');
});

Answer 1

如果你想淡入它，你应该默认隐藏div，否则它已经显示并且淡入将不会做任何事情。如果是这种情况，你的HTML应该是这样的：

<div class="container" id="fade" style="display: none;">
    //some other buttons, divs, etc
</div>

Answer 2

确保在页面加载时隐藏 #fade 元素。

<强> HTML

 <div class="container" id="fade">
        //some other buttons, divs, etc
 </div>

<强> CSS

#fade { display: none }

<强> JS

$(document).ready(function () {
    $('#fade').fadeIn('slow');
});