URLにJquery UI TabのIDを含めるにはどうすればよいですか？

Question

Main.aspxというページに3つのタブがあります。ユーザーが最初にMain.aspxにアクセスすると、URLがデフォルトのタブに変更され、別のタブがクリックされると、そのタブのIDを参照するようにURLが変更されるようにします。たとえば、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> 

Answer 1

あなたの現在のURLに#断片を追加するdocument.location.hashプロパティを使用することができます。以下のような

何か -

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

は、その後、あなたの$(function()（document.ready）機能であなたはdocument.location.hash変数を調べ、適切な処置を取ることができます。