我有一个Web应用程序,单击按钮提交后,它将通过JavaScript加载ldap组。从那里,当用户单击组时,它将加载用户。我将其布置在单个HTML页面上,而其他div则充当单独的页面,例如密码重置和帐户锁定。要从导航中隐藏/显示div,
$(document).on('click', '#navMenu li a',
function(nav) {
$('.navlinks').hide();
$(this.getAttribute('data-tab')).show()
})
我现在的问题是,一旦通过模式表单将用户添加到组中,则在提交表单时刷新页面,然后将用户发送回第一个选项卡并显示第一个div,而不是保持活动的div打开。
我已写下此localStorage
来尝试使用该路由,但它仍然令人耳目一新。有任何想法或提示吗?
$(document).ready(function() {
var last_id = localStorage.getItem('tab_id');
if(last_id) {
$('ul.navbar-menu li a').removeClass('active');
$('.navLinks').removeClass('active');
$('.navbar-menu li a').eq(Number(last_id.match(/\d+/)[0])-1).addClass('active');
$('#' + last_id).addClass('active');
}
$('ul.navbar-menu li a').click(function() {
var tab_id = $(this).attr('data-tab');
$('ul.navbar-menu li a').removeClass('active');
$('.navLinks').removeClass('active');
$(this).addClass('active');
$('#' + tab_id).addClass('active');
localStorage.setItem('tab_id', tab_id);
});
})