jQuery淡入淡出 - 页面加载时显示div

Question

我有一个简单的jquery淡入淡出效果完美，我试图让它在页面打开时自动显示第一个div。

目前在页面加载时没有内容

http://jsfiddle.net/Wqc9N/10/

$(".link").click(function(e) { 
     e.preventDefault(); 
     $('.content-container div').fadeOut('slow'); 
     $('#' + $(this).data('rel')).fadeIn('slow'); 
    }); 

Answer 1

直到现在你被这种代码登记的每一个环节的单击事件

$(".link").click(function(e) { 
    e.preventDefault(); 
    $('.content-container div').fadeOut('slow'); 
    $('#' + $(this).data('rel')).fadeIn('slow'); 
}); 

我的建议是在页面文档对象模型（DOM）准备好执行JavaScript代码后触发点击

所以你的代码试试这个

$(document).ready(function() { 
    $(".link")[0].click(); 
}); 

Fiddle

Answer 2

当DOM满载

只需执行.show（）函数：

$(function() { 
    $('#content1').show(); 
}); 

http://jsfiddle.net/Wqc9N/11/

Answer 3

尝试

$('#' + $('a:eq(0)').data('rel')).fadeIn('slow'); 

$(".link").click(function(e) { 
    e.preventDefault(); 
    $('.content-container div').fadeOut('slow'); 
    $('#' + $(this).data('rel')).fadeIn('slow'); 
}); 

Fiddle Demo

希望它可以帮助

Answer 4

我did'nt发现任何困难那里显示的第一个div

$('#content1').fadeIn('slow'); 
$(".link").click(function(e) { 
     e.preventDefault(); 
     $('.content-container div').fadeOut('slow'); 
     $('#' + $(this).data('rel')).fadeIn('slow'); 
    }); 

Updated demo