如何淡入div？

Question

转到http://earldev.tumblr.com

我使用的是jQuery而我无法让fadein使用div。我希望div在页面加载时淡入。我现在的代码是

$('div.sc_menu').hide().fadeIn('slow');

div.sc_menu是我想要淡出的div。（如果你没有这样做，它就不起作用了）

另外，我使用的是jquery 1.4.2

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 

<script type="text/javascript">
$(function() {
    $('div.sc_menu').hide().fadeIn('slow');
});
</script>    

Answer 1

CSS：

div.sc_menu { display: none; }

JQUERY：

$(document).ready(function(){$('div.sc_menu').fadeIn('slow');});

Answer 2

只要在代码运行时确保元素存在，这是正确的。

$(function() {
    $('div.sc_menu').hide().delay(2000).fadeIn('slow');
});

编辑：使fadeIn()在运行前等待2秒。您需要使用jQuery 1.4或更高版本才能执行此操作。

这将确保在.fadeIn()触发之前加载文档。

---

修改

这似乎是您提供的链接中的代码。

$(function () {
     .load(function () {
     // set the image hidden by default
      $('#div.sc_menu').hide();.fadeIn(3000);
}}                   

在几个层面上都是畸形的。请务必在您的问题中发布您的实际代码。始终有助于获得最佳解决方案。

Answer 3

嗯。代码对我来说似乎没问题。尝试删除“display：none;”来自CSS，以确保您的DIV位于您想要的位置，不与另一个DIV重叠，或者不是偏向错误的一侧，或者可能是0宽度或0高度。

Firefox的Firebug插件也是另一个观察DOM动态变化的好工具。