淡入页面的所有div。一旦div的内容被加载

时间:2010-03-09 06:09:26

标签: jquery fade html loaded

抱歉,我试着简化我的问题。基本上,当用户进入页面时...页面上的所有div和div的内容都会淡入。一旦加载。我想的可能是:

$(window).load(function(){ 
  $('#div').load(function () { 
    $(this).fadeIn(4000); 
  });
}); 

欢呼声

4 个答案:

答案 0 :(得分:1)

也许这样的事情可以满足您的需求:

$(function() { // execute when DOM Ready:
  $("#div").load("someOtherFile.html", function() { 
    $(this).fadeIn(4000);
  }).hide();
});

答案 1 :(得分:0)

所以你没有加载任何动态内容,对吧?你尝试过,只是:

$(window).load(function(){ 
   $('#div').fadeIn(4000);
});

$(window).load不应该在整个页面加载之前激活 - 你不需要再次测试div / img。这样做可能会导致一些奇怪。您希望将放在 $(document).ready()之外。请参阅:http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

答案 2 :(得分:0)

也许这是如此简单,它被忽略了,但至少要澄清其他人的第一个代码发布,这一行:

$( '#DIV')淡入(4000)。 只会继续工作。 它可能会或可能不会对descendante标签起作用,具体取决于它们的属性。

如果你选择了 $( '格')淡入(4000)。 这将立即执行所有div标签上的功能。并且

$( 'div中。')淡入(4000)。 可以使用名为'div:

的类处理所有对象

此致

答案 3 :(得分:0)

詹姆斯是正确的,将您的代码更改为:

$(window).load(function(){ 
   $('div').fadeIn(4000);
});

使用$('#div')仅选择ID为“div”的元素