1

ページに jQuery UI タブがありますが、それらをページ間のナビゲーションとして使用したいと考えています。したがって、基本的には引き続きjQuery UIタブを使用したいのですが、グローバルナビゲーションと正しい強調表示のために.

誰でもこれで私を助けることができますか?

私はすでにナビゲートできますが、次のページで正しい項目を強調表示することにまだちょっと固執しています. それを達成する方法はありますか?

$(document).ready(function() {
  var iSelectedTab = $('div#tabs ul a').filter('a[href="#"]');
  $("#tabs").tabs({
    selected: iSelectedTab,
    select: function (e, ui) {
      window.location.href=ui.tab.href;
    }
  });
});

しかし、それは機能していません。何か案は?

4

1 に答える 1

3

この場合、タブを使用する意味がわかりません...しかし、あなたの質問に答えるために...

page1.html にいるとします - tabs-0 をアクティブにする必要がある場合、タブ構造は次のようになります (はい - Jquery UI タブの標準構造を尊重しません):

<div id="tabs">
    <ul>
       <li><a href="#tabs-1">Page 1</a></li>
       <li><a href="page2.html#tabs-2">Page 2</a></li>
       <li><a href="page3.html#tabs-3">Page 3</a></li>
    </ul>
    <div id="tabs-1">This is page 1</div>
</div>

このページには他のタブ コンテナがないことに注意してください。page2.html は上記と同じ構造になります

<div id="tabs">
    <ul>
       <li><a href="page1.html#tabs-1">Page 1</a></li>
       <li><a href="#tabs-2">Page 2</a></li>
       <li><a href="page3.html#tabs-3">Page 3</a></li>
    </ul>
    <div id="tabs-2">This is page 2</div>
</div>

この時点では、特別な JS コードは必要ありません。

$("#tabs").tabs({
    select: function (e, ui) {
        window.location.href=ui.tab.href;
    }
});
于 2012-11-19T08:14:56.603 に答える