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");
                        }
    
                    });
        }
    })
  • 相关阅读:
    CMake: Could NOT find PkgConfig
    Ogre学习教程:Ogre1.8.1+VS2010环境配置2(转)
    matlab操作(整理)
    Ogre学习教程:Ogre1.8.1+VS2010环境配置(转)
    辐射度等(转)
    左手坐标系和右手坐标系(转)
    如何查找论文是否被SCI,EI检索(转)
    安装OpenCV:OpenCV 3.0、OpenCV 2.4.8、OpenCV 2.4.9 +VS 开发环境配置(转)
    Web service是什么?(转)
    Scrapy 设置请求头
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/8313291.html
Copyright © 2011-2022 走看看