保持sidemenu扩大每次重新加载

时间:2015-12-22 06:23:54

标签: jquery asp.net asp.net-mvc-3

我正面临着一些侧面情况。我想在页面加载/刷新时使sidemenu处于活动/打开状态。 sidemenu是从数据库动态加载的。问题是网页刷新后,我点击侧面菜单后一直刷新;我需要让sidemenu保持活跃并需要解决方案吗?我尝试了一些来自互联网的JavaScript,但仍然遇到同样的问题。

这是我的代码:

<div id="sidebar" class="sidebar responsive"   >
               <ul  class="nav nav-list" >
                    <li class="#"  >
                        <a  href="#"  class="dropdown-toggle">
                          <span class="menu-text" >
                           <ul class="submenu" >
                           <li class="active" >   //set it active will remain active all the time
                                <span class="menu-text"  >

以上是我的代码中的示例,谢谢。

脚本使用如下:

$(document).ready(function () {
                if (sessionStorage.getItem("activeMenuItemID") != undefined) {
                    $("#submenu  > li > a").each(function () {
                        if ($(this).attr("id") == sessionStorage.getItem("activeMenuItemID")) {
                            expandMenuItem(this);
                        }
                    });
                }

                $('#submenu  > li > a').click(function (elem) {
                    expandMenuItem(this);
                });

            });

            function expandMenuItem(elem) {
                if ($(elem).attr('class') != 'active') {
                    $('#submenu li ul').slideUp();
                    $('#submenu > li > a').removeClass("active");
                    $(elem).addClass("active");
                    $(elem).next().slideToggle();
                    sessionStorage.setItem("activeMenuItemID", $(elem).attr("id"));
                }
            }

0 个答案:

没有答案