.hide .show元素上的localStorage

时间:2018-09-07 16:52:27

标签: jquery

我有一个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);
    });
})

0 个答案:

没有答案