• 项目中菜单折叠问题


    思路:根据访问的路径动态的设置菜单的折叠。前提是同一级菜单放大同一文件夹下面,根据文件夹的名字动态的设置菜单的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");
                        }
    
                    });
        }
    })
  • 相关阅读:
    Nginx 知识
    web页面乱码之字符集
    P2633 Count on a tree 树上主席树
    HDU 1542 线段树扫描线
    P4513 小白逛公园 线段树
    牛客4 C sequence
    P4126 [AHOI2009]最小割 网络流
    P3980 [NOI2008]志愿者招募 网络流
    P3313 [SDOI2014]旅行 动态开点线段树 树链剖分
    Planting Trees 单调队列
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/8313291.html
Copyright © 2020-2023  润新知