Jquery fadeIn() 不工作

Question

描述： 我正在尝试 fadeIn() 我的容器使用 jquery，但它不起作用。我对它有点陌生，刚从 codeacademy 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');
});