sitemesh 统一布局

chenin2015

于 2015-09-23 20:20:00 发布

阅读量127

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/yuyidi/blog/510372

本文详细介绍了如何利用SessionStorage和LocalStorage在网页中实现侧边栏菜单的展开与折叠功能，通过点击侧边栏列表项来存储当前选中的索引，并在页面加载时恢复其状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                            var index;
    			$("#sidebar > ul > li ").click(function(){
    				index = $(this).index();
    				sessionStorage.index=index;
    			});
    				
    			$("#sidebar > ul > li ").each(function(i,n){
    			    if(i == sessionStorage.index){
    				$(this).addClass("open").children(1).css("display","block");
    			    }
    			});

          if(localStorage.click!=null){
        	$(".sub-menu").css("display","none");
        	$(".sub-menu>li").removeClass("active");
        	$($(".sub-menu>li")[localStorage.click]).addClass("active").parent().css("display","block");
           }
           $(".sub-menu>li").on("click",function(){
    	localStorage.click=$(".sub-menu>li").index($(this));
           });

两种方案，原理一样，实现方式差不多。

转载于:https://my.oschina.net/yuyidi/blog/510372