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