使用jquery激活第二個頁面加載頁面加載

我怎樣才能激活頁面加載我的網頁的第二個選項卡，我已經完成了使用jquery和ul的選項卡。下面使用jquery激活第二個頁面加載頁面加載

是代碼

<div class="tabcontainer"> 
    <ul class="tabs"> 
    <li><a href="#tab1">Saved Recipes</a></li> 
    <li><a href="#tab2">Groups</a></li> 
    <li><a href="#tab3">Friends</a></li> 
    <li><a href="#tab4">My Recipes</a></li> 
    </ul> 
</div> 

<div class="tab_container"> 
<!-- Tab 1 Starts Here --> 
    <div id="tab1" class="tab_content"></div>  
    <div id="tab2" class="tab_content"></div> 
    <div id="tab3" class="tab_content"></div>  
    <div id="tab4" class="tab_content"></div>  
</div>

腳本：

$(document).ready(function() { 
    //Default Action 
    $(".tab_content").hide(); //Hide all content 
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab 
    $(".tab_content:first").show(); //Show first tab content 

    //On Click Event 
    $("ul.tabs li").click(function() { 
     $("ul.tabs li").removeClass("active"); //Remove any "active" class 
     $(this).addClass("active"); //Add "active" class to selected tab 
     $(".tab_content").hide(); //Hide all tab content 
     var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
     $(activeTab).fadeIn(); //Fade in the active content 
     return false; 
    }); 
});

我知道如何激活第一個和最後一個，但如何激活頁面加載在第二和第三個。

請幫助...

來源

2010-09-27 tibin mathew

可以使用.eq()例如：

var activeTab = 1; //0 based, so 1 = 2nd 
$("ul.tabs li").eq(activeTab).addClass("active").show(); 
$(".tab_content").eq(activeTab).show();

或者:eq()這樣的：

$("ul.tabs li:eq(1)").addClass("active").show(); 
$(".tab_content:eq(1)").show();

還是......我會做的是使用您已擁有的點擊處理程序，無需重複代碼，如下所示：

$(function() { 
    $(".tab_content").hide(); //Hide all content 

    $("ul.tabs li").click(function() { 
    $(this).addClass("active").siblings().removeClass("active"); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn().siblings().hide(); 
    return false; 
    }).eq(1).click(); //click the second 
});

或者，如果你有造型的控制，使<a>佔據整個<li>和點擊處理程序附加直接錨：

$(function() { 
    $(".tab_content").hide(); 

    $("ul.tabs li a").click(function(e) { 
    $(this).closest("li").addClass("active").siblings().removeClass("active"); 
    $(this.hash).fadeIn().siblings().hide(); 
    e.preventDefault(); 
    }).eq(1).click(); //click the second 
});

來源

2010-09-27 14:02:34

謝謝你們的幫助 – 2010-09-28 05:22:20