0

タブ付きのインターフェイスを作成するためのショートコードが組み込まれたワードプレスのテーマがあります。問題は、外部ページから特定のタブにリンクできないことです。同じ問題について複数の質問があるのを見ましたが、答えはうまくいきませんでした。私の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/#

助けていただければ幸いです、ありがとう！

4

1 に答える 1

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();
   }
});
于 2012-07-04T17:44:46.627 に答える