通过localStorage记录二级菜单点击的链接的索引,在链接跳转后保存active的状态,二级菜单出现抖动的现象怎么解决

html如下
clipboard.png
代码如下
/**

 * 保存二级菜单状态
 */
savemenuActive: function(){
    $(".module-nav").find("a").click(function(){
        var $this = $(this);
        var firindex = null;
        var secindex = null;
        if ($this.attr("href") != "javascript:void(0);"){
            if ($this.siblings().length == 0 && !$this.closest("ul").hasClass("sub-menu-list")) {
                firindex = $this.parent().index();
            } else {
                firindex = $this.closest(".menu-list").index();
                secindex = $this.parent().index();
            }

            window.localStorage.firindex = firindex;
            window.localStorage.secindex = secindex;
        }
    })
},

(function(){
            var firindex = window.localStorage.firindex,
                secindex = window.localStorage.secindex;
            console.log(firindex,secindex);
            if(secindex == 'null'){
                setTimeout(function () {
                    $("#module-nav >li").eq(firindex).addClass("active");
                }, 100);
            }else{
                setTimeout(function(){
                    $("#module-nav >li").eq(firindex).addClass("nav-active");
                    //$("#module-nav >li").eq(firindex).find("a").eq(secindex+1).addClass("active");
                },100);
            }
            

})()

阅读 1.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题