2

というページに 3 つのタブがありますMain.aspx。ユーザーが最初にアクセスするMain.aspxと、URLがデフォルトのタブに変更され、別のタブがクリックされると、URLがそのタブのIDを参照するように変更されます。たとえば、彼らが をクリックした場合Second Tab、URL を にしたいと思いますMain.aspx#secondTab。そうすれば、ページを更新しても、現在のタブに残ります。

どうすればこれを達成できますか?

<div id="everyNavigationTabID" class="everyNavigationTabClass">
 <ul class="singleTabNavigationClass">
                <li><a href="#firstTab">First Tab</a></li>
                <li><a href="#secondTab">Second Tab</a></li>
                <li><a href="#thirdTab">Third Tab</a></li>
            </ul>    
<div id="firstTab" class="tabContent">
                First Tab
 </div>
 <div id="secondTab" class="tabContent">
                Second Tab
 </div>
 <div id="thirdTab" class="tabContent">
                Third Tab
 </div>
4

1 に答える 1

2

プロパティを使用して、現在の URL にフラグメントをdocument.location.hash追加できます。#

何かのようなもの -

$("div.tabContent").on('click',function(evt){
   document.location.href = document.location.href + "#" + $(this).attr('id');
   evt.preventDefault();
});

次に、 (document.ready) 関数で、変数を$(function()調べて適切なアクションを実行できます。document.location.hash

于 2012-04-26T14:21:38.140 に答える