对不起,我会尽量简化我的问题。基本上,当用户进入一个页面时......页面上的所有 div 和 div 的内容都会淡入。一旦加载。我在想也许是这样的:
$(window).load(function(){
$('#div').load(function () {
$(this).fadeIn(4000);
});
});
干杯
也许这样的事情会做你需要的:
$(function() { // execute when DOM Ready:
$("#div").load("someOtherFile.html", function() {
$(this).fadeIn(4000);
}).hide();
});
也许这太简单了以至于被忽略了,但至少要为其他人澄清第一个代码发布,这行:
$('#div').fadeIn(4000); 只会在 . 它可能适用于后代标签,也可能不适用于后代标签,具体取决于它们的属性。
如果你选择了 $('div').fadeIn(4000); 这将立即对所有 div 标签执行该功能。和
$('.div').fadeIn(4000); 将适用于具有名为 'div: 的类的所有对象:
问候,
所以你没有加载任何动态内容,对吧?您是否尝试过,简单地说:
$(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);
});
仅使用$('#div')
选择 id 为 'div' 的元素