zoukankan      html  css  js  c++  java
  • 项目中菜单折叠问题

    思路:根据访问的路径动态的设置菜单的折叠。前提是同一级菜单放大同一文件夹下面,根据文件夹的名字动态的设置菜单的class属性。

    例如:

      我的一个url:

    http://localhost/Exam/view/outDepart/outdepartEmpManage.jsp

      location.pathname获取到除去ip与端口的地址  /Exam/view/outDepart/outdepartEmpManage.jsp

    $(function() {
        var u = location.pathname;
    
        u = u.substring(11, u.length);
        var fir = u.indexOf("/");
        var filename = u.substring(0, fir)
        // 删除class
        $(".mtree-active").removeClass("mtree-active mtree-open");
        if (filename == "innerDepart") {
            // 检索内部的url
            $(".mtree a").each(
                    function(i) {
                        var url = $(this).prop("href");
                        if (url.toString().indexOf(filename) > 0) {
                            $(this).parents("[class^='mtree-level']").css({
                                display : "block",
                                height : "auto"
                            });
                            $(this).parents(".mtree-node").removeClass("mtree-closed");
                            $(this).parents(".mtree-node").addClass("mtree-open");
                            $(this).parents(".mtree-level-1").children(
                                    ".mtree-open").addClass("mtree-active");
                        }
    
                    });
        } else if (filename == "outDepart") {
            // 检索内部的url
            $(".mtree a").each(
                    function(i) {
                        var url = $(this).prop("href");
                        if (url.toString().indexOf(filename) > 0) {
                            $(this).parents("[class^='mtree-level']").css({
                                display : "block",
                                height : "auto"
                            });
                            $(this).parents(".mtree-node").removeClass("mtree-closed");
                            $(this).parents(".mtree-node").addClass("mtree-open");
                            $(this).parents(".mtree-level-1").children(
                                    ".mtree-open").addClass("mtree-active");
                        }
    
                    });
        }else{
            // 检索内部的url
            $(".mtree a").each(
                    function(i) {
                        var url = $(this).prop("href");
                        if (url.toString().indexOf(filename) > 0) {
                            $(this).parents("[class^='mtree-level']").css({
                                display : "block",
                                height : "auto"
                            });
                            $(this).parents(".mtree-node").removeClass("mtree-closed");
                            $(this).parents(".mtree-node").addClass("mtree-open mtree-active");
                        }
    
                    });
        }
    })
  • 相关阅读:
    bzoj2431[HAOI2009]逆序对数列
    wikioi1082【线段树练习 3 】
    bzoj1715[Usaco2006 Dec]Wormholes 虫洞
    bzoj1676[Usaco2005 Feb]Feed Accounting 饲料计算
    bzoj1677[Usaco2005 Jan]Sumsets 求和
    bzoj1679[Usaco2005 Jan]Moo Volume 牛的呼声
    bzoj1680[Usaco2005 Mar]Yogurt factory
    bzoj1681[Usaco2005 Mar]Checking an Alibi 不在场的证明
    bzoj2705[SDOI2012]Longge的问题
    bzoj1627[Usaco2007 Dec]穿越泥地
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/8313291.html
Copyright © 2011-2022 走看看