淡入页面的所有 div。一旦加载了 div 的内容答案

【问题标题】：fade in all divs of a page. once the content of the divs is loaded淡入页面的所有 div。一旦加载了 div 的内容
【发布时间】：2010-03-23 07:16:04
【问题描述】：

抱歉，我会尽量简化我的问题。基本上，当用户进入一个页面时......页面上的所有 div 和 div 的内容都会淡入。一旦加载。我在想可能是这样的：

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

干杯

【问题讨论】：

标签： jquery fade html loaded

【解决方案1】：

也许这样的事情会满足你的需要：

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

【讨论】：

我喜欢你的想法，但这可能有点复杂。正如我在做一个有很多页面的购物车网站一样。我宁愿一个漂亮整洁的脚本生活在网站的每个页面的头部。因此，当查看任何页面时，站点的内容会在加载后淡入。 .

【解决方案2】：

所以你没有加载任何动态内容，对吧？你试过了吗，简单地说：

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

$(window).load 在整个页面加载之前都不应该触发——你不需要再次测试 div/img。这样做可能会导致一些奇怪的事情。您希望将其置于 $(document).ready() 之外。见：http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

【讨论】：

试过你的代码。 $(window).load(function(){ $('#div').fadeIn(4000); });由于某种原因它不起作用。但我成功了 $(document).ready(function() { $("#panel-two").fadeIn("3000"); });在单个 div 中加载。只要它们设置为无显示。因此，由于这种方法，我脑子里有相当多的代码，但它确实有效。

【解决方案3】：

也许这太简单了以至于被忽略了，但至少要澄清第一个代码发布给其他人，这行：

$('#div').fadeIn(4000); 只会在 . 它可能适用于后代标签，也可能不适用，具体取决于它们的属性。

如果您选择了 $('div').fadeIn(4000); 这将立即对所有 div 标签执行该功能。还有

$('.div').fadeIn(4000); 将适用于所有具有名为 'div:

的类的对象

问候，

【讨论】：

【解决方案4】：

James 是对的，请将您的代码更改为：

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

使用$('#div') 只选择 id 为 'div' 的元素

【讨论】：