Javascript 留在a<；李>；表格提交后的选项卡

提交表单或刷新页面后，如何保持当前选项卡的状态。选项卡由

li

组成，而不是由

div

组成。 以下是选项卡：

<ul class="tabs">
 <li><a href="#profile" class="active"> Profile </a></li>
 <li><a href="#favourites"> Favourites </a></li>
 <li><a href="#settings"> Settings </a></li>
</ul>
<ul class="tabs-content">
 <li id="profile">TEXT</li>
 <li id="favourites">TEXT</li>
 <li id="settings">submit form...</li>
</ul>

文本
文本
提交表单

提交表单时，尝试捕获当前

li

元素。另外，向每个元素添加

id

// assuming class for `submit` button is `submit`
    $('.submit').on('click', function(){
      var linkId = $('.active').atr('id');
    });

在页面刷新或提交表单调用后：

$('#'+ linkId).click();

---

注意：假设您是通过Ajax提交表单的，如果不是，则需要将存储的

var

值传递给后端，并将其与响应一起传递给视图，然后可能通过遵循相同的代码单击它。

您可以使用

.tabs内容列表{
显示：无；
}
#简介:目标,，
#最喜欢的：目标，
#设置：目标{
显示：内联块；
}

profile
收藏夹
设置

尝试存储当前活动选项卡的索引，即将

li

索引存储到本地存储/cookies，并在页面加载时检索该值，并将该

li

设置为活动选项卡

if (typeof(Storage) !== "undefined") {
    // 1 should be replaced with the active li's index
    localStorage.setItem("currentActiveTab", "1");
} else {
    // Sorry! No Web Storage support..
}

在文档就绪时，执行以下操作

if (localStorage.currentActiveTab) {
    $('li').eq(localStorage.currentActiveTab).click();
}

---

如果你能帮我写代码，这个链接可能会有帮助。。我不太熟悉JavaScription，当页面被更改时，我可能也想删除这个对象，否则它会在本地存储中浪费一些空间。