如何直接鏈接到jQuery手風琴選項卡

Question

我有一個wordpress主題，它有一個用於創建選項卡式界面的簡碼構建。問題是我無法從外部頁面鏈接到特定的選項卡。我看到關於同一問題有多個問題，但沒有答案適合我。我必須提到，我的javascript/jQuery技能接近於零，所以即使這看起來很簡單，我也不知道該怎麼做。

我找到負責我的主題文件手風琴選項卡中的jQuery代碼，那就是：

// --------------------------------------- 
// TAB 
// --------------------------------------- 
function base_tab() { 
$('.tabs-wrap').each(function(){ 
    var tab_group = $('.tabs-wrap'); 
    $('.tabs li', tab_group).click(function(e){ 
     e.preventDefault(); 
     $('.tabs a', tab_group).removeClass('current'); 
     $('a', this).addClass('current'); 

     $('.panes .pane', tab_group).hide(); 
     $('.panes .pane', tab_group).eq($(this).index()).show(); 
    }); 

    // Trigger Initial Tab 
    var initial_tab = parseInt($('.tabs', this).attr('initial-tab')); 
    $('.tabs li', tab_group).eq(initial_tab).trigger('click'); 
}); 
} 

據我從以前，類似的問題理解我需要添加此代碼，但我想不通我自己在哪裏以及如何使其工作：

$(window.location.hash).click(); 

所有鏈接的標籤是目前這樣的：http://www.websitename.com/page/#

我我會感謝任何幫助，謝謝！

Answer 1

首先改變你的html到這個

<ul class="tabs" initial-tab="0"> 
    <li><a href="#all">All</a></li> 
    <li><a href="#kids">Kids Place &#8211; Kidproof</a></li> 
    <li><a href="#baby">Baby Rattle Toy</a></li> 
    <li><a href="#kidsvideo">Kids Place Video Player</a></li> 
    <li><a href="#letter">Letters With Ally</a></li> 
    <li><a href="#mommy">Mommy bird and her chick</a></li> 
</ul> 

然後寫一些額外的代碼

$(function(){ 
    var hash = window.location.hash; 
    var anchor = $('a[href$="'+hash+'"]'); 
    if (anchor.length > 0){ 
     anchor.click(); 
    } 
});