c# - 如何在 url 中包含 Jquery UI Tab 的 id？

Question

我在一个名为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>

Answer 1

您可以使用该document.location.hash属性将#片段添加到当前 URL。

就像是 -

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

然后在您的$(function()(document.ready) 函数上，您可以检查document.location.hash变量并采取适当的措施。