我有这个 HTML 代码:
<div class="tab-box">
<a href="javascript:;" class="tabLink activeLink" id="tab1">Tab1</a>
<a href="javascript:;" class="tabLink" id="tab2">Tab2</a>
<a href="javascript:;" class="tabLink" id="tab3">Tab3</a>
<a href="javascript:;" class="tabLink" id="tab4">Tab4</a>
</div>
这列出了选项卡...
然后每个选项卡就像:
<div class="tabcontent" id="tab1-1">
tab1 content
</div>
<div class="tabcontent hide" id="tab2-1">
tab1 content
</div>
<div class="tabcontent hide" id="tab3-1">
tab1 content
</div>
<div class="tabcontent hide" id="tab4-1">
tab1 content
</div>
然后是jQuery代码:
$(document).ready(function() {
$(".tabLink").each(function(){
$(this).click(function(){
localStorage.selectedTab = $(this).index() + 1;
tabeId = $(this).attr('id');
$(".tabLink").removeClass("activeLink");
$(this).addClass("activeLink");
$(".tabcontent").addClass("hide");
$("#"+tabeId+"-1").removeClass("hide")
return false;
});
});
// search for local storage
if (localStorage.selectedTab) {
$(".tabLink:eq(" + (localStorage.selectedTab - 1) + ")").click();
}
});
上面的jquery,我试图让它记住如果页面被刷新,它会记住最后选择的选项卡。但是,这只适用于一页。如果我更改为使用选项卡查看不同的页面,它会选择一个随机选项卡,因为我找不到最后一个选择的选项卡,因为它位于具有不同名称的不同页面上。
我怎样才能让它记住每页最后选择的标签?