侧栏菜单隐藏用于基于用户的登录

时间:2016-02-08 07:25:09

标签: javascript jquery html

我想在我的html页面上为用户提供登录特定的侧栏菜单,对于管理员用户,他们应该是4到5个侧边栏菜单但是对于用户将只有一个静态菜单,我写了一个jquery来隐藏侧面吧,但是你们不能工作吗

  

<aside class="main-sidebar"> 
>         <!-- sidebar: style can be found in sidebar.less -->
>         <section class="sidebar">
>             <ul class="sidebar-menu">
>                  <li class="active treeview"> <p hidden id="munHome"> <a href="home.html"> <i class="fa fa-home"></i>
> <span>Home</span></a></p></li>
>                 <li class="treeview"> <a href="chart.html"> <i class="fa fa-line-chart"></i> <span>Graphs</span> </a></li>
>                 <li class="treeview">  <p hidden id="munViewController">  <a href="view-controller.html"> <i class="fa
> fa-eye"></i> <span>View Controllers</span></a></p></li>
>                 <li class="treeview">  <p hidden id="munViewUser"><a href="view-users.html"> <i class="fa fa-users"></i> <span>View
> Users</span></a></p></li>
>             </ul>
>         </section>
>         <!-- /.sidebar -->
>     </aside>
帮助我?附件是jquery

jQuery(document).ready(function($) {

    if(sessionStorage.getItem("sUserName")){
        var userName=sessionStorage.getItem("sUserName");
        var sUserType=sessionStorage.getItem("sUserType");
        if(sUserType=="2" || sUserType=="1")
        {
             $( "#munHome" ).show();
             $( "#munViewController" ).show();
             $( "#munViewUser" ).show();
            //document.getElementById('btnAddUser').style.visibility = 'visible';
             addUserViaAjax();
        }
        $("#displayUserName").text(userName);
    }
    else{
            window.location.href = "./";
    }
});

0 个答案:

没有答案