javascript - 挺蛋疼的两个问题。。

问题描述

问 题

问题1.

右边菜单弹出的时候圈出来的边框隐藏，我用各种方法都不行（z-index盖住等），求解，如何解决,其中一级菜单设置了border-right

问题二.
上面这个二级菜单如何才能点击页面其他位置关闭，一级菜单点击出现事件是这么绑定的（考虑ajax异步加载，所以绑定body）

解决方案

1，Dom结构给一份才能给你解决；比较临时的解决方案：(不考虑兼容性)
css:

.menu{
    .item{
            position:relative;
            ***
            &.active:after{#主菜单单元格被点击后的after
                display:block;
                content:"";
                position:absolute;
                height:100%;
                width:1px;
                background：#FFF:
                right:-1px;
                top:0;
                #用这个块盖住主菜单单元格的右边border
            }
        }
    .submenu{
        ***
    }
}

2，如果需求菜单显示时点击其他区域隐藏菜单，请使用addListener方式,根据event.target来判断菜单是否显示活隐藏；比如：

document.addListener("click",menu,false)
functuin menu(e){
    target = $(e.target)
    if(!target.hasClass('menu')){
        if(target.hasClass('active')){
            target.removeClass('active')
        }
    }
}

这篇关于javascript - 挺蛋疼的两个问题。。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！