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>