Question

我正试图淡化（div id =“content”）中显示的内容。

我有这个加载JQuery到页面：

<script type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript" src="rocoffee.js"></script>

这就是rocoffee.js中的内容

$(function(){
$('#content').fadeIn('slow');
});

当我加载页面时，我还没有看到此事件发生。

注意：我有一个jquery.js文件可供使用，但我尝试使用上面根据我读过的答案。不管结果如何。

Answer 1

你需要先隐藏它！

http://jsfiddle.net/wVTab/

$(function(){
    $('#content').hide();        
    $('#content').fadeIn('slow');
});

Answer 2

由于没有可用的HTML代码，我认为div最初是可见的，因此建议fadeIn没有多大意义。

尝试设置div hidden。

Answer 3

尝试使用：

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

代替

加载页面时JQuery无法正常工作

3 个答案: