jquery鏈接到特定標籤

Question

我需要你的幫助！

我有我的網站中的jquery的選項卡功能。它運作良好。

以下是JavaScript中<頭>

<script type="text/javascript"> 
// When the document loads do everything inside here ... 
$(document).ready(function(){ 
    // When a link is clicked 
    $("a.tab").click(function() { 
    // switch all tabs off 
    $(".active").removeClass("active"); 
    // switch this tab on 
    $(this).addClass("active"); 
    // slide all content up 
    $(".content").slideUp(); 
    // slide this content up 
    var content_show = $(this).attr("title"); 
    $("#"+content_show).slideDown(); 
    }); 
}); 
</script> 

和HTML源在這裏！

<ul id="tabs"> 
    <li><a href="#" title="type1" class="tab active">type1</a></li> 
    <li><a href="#" title="type2" class="tab">type2</a></li> 
</ul> 
<section id="type1" class="content"> 
    <p>contents1contents1contents1contents1contents1</p> 
</section> 
<section id="type2" class="content content_2"> 
    <p>contents2contents2contents2contents2</p> 
</section> 

但我需要鏈接一個按鈕到特定的選項卡。 類別歸檔頁面中有按鈕，當用戶單擊該按鈕時，頁面將打開，並顯示第二個選項卡中的內容，id爲「type2」。

以上來源被this page 所指，這裏是我正在處理的the page。

我在等待您的建議！

Answer 1

假設你的HTML文件的上方名爲index.html，你可以創建一個鏈接，如：

<a href="index.html#!type2">click</a> 

然後：

$(document).ready(function(){ 
    function doTab() { 
     $(".active").removeClass("active"); 
     $(this).addClass("active"); 
     $(".content").slideUp(); 
     var content_show = $(this).attr("title"); 
     $("#"+content_show).slideDown(); 
    } 

    // When a link is clicked 
    $("a.tab").click(doTab); 

    if (window.location.hash) { 
     $('a[title="' + window.location.hash.substring(2) + '"]').click(); 
    } 
});