我编写了这段代码来制作快速标签。我需要一种在刷新页面后记住活动标签的方法。
这是我的基本 HTML 代码:
<ul class="dashboard_tabs">
<li><a href="#" rel="tab1">Tab 1</a></li>
<li><a href="#" rel="tab2">Tab 2</a></li>
<li><a href="#" rel="tab3">Tab 3</a></li>
<li><a href="#" rel="tab4">Tab 4</a></li>
</ul>
<div class="dashboard_body" id="tab1">
</div>
<div class="dashboard_body" id="tab2">
</div>
<div class="dashboard_body" id="tab3">
</div>
<div class="dashboard_body" id="tab4">
</div>
我使用 rel 关系通过以下代码显示正确的选项卡:
jQuery(document).ready(function(){
jQuery('.dashboard_body').css({display: 'none'});
jQuery('.dashboard_tabs a:first').addClass('current');
var rel = jQuery('.dashboard_tabs a.current').attr('rel');
jQuery('#'+rel).show();
jQuery('.dashboard_tabs a').click(function(){
jQuery('.dashboard_tabs a').removeClass('current');
jQuery('.dashboard_body').hide();
jQuery(this).addClass('current');
var rel = jQuery(this).attr('rel');
jQuery('#'+rel).show();
});
});
如何使用 jQuery cookie 来记住活动选项卡?