Question

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

Answer 1

您可以使用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变量并采取适当的措施。

如何在URL中包含Jquery UI Tab的id？

1 个答案: