如何在 url 中包含 Jquery UI 选项卡的 ID

我在一个名为Main.aspx的页面上有三个选项卡。 我希望它使用户首次访问Main.aspx ，url 更改为默认选项卡，当单击其他选项卡时，url 更改为引用该选项卡的 id。 因此，例如，如果他们单击Second Tab，我希望网址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>

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