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'); 
});