挺蛋疼的两个问题。。

Question

问题1.

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

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

Answer 1

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')
        }
    }
}

Answer 2

其实，在点击弹出二级菜单的时候，顺便把一级菜单的border-right设置为0就可以了吧！
不过你应该是给一级菜单的ul设置了border-right，这就不好办了。只能改ul的border-right给ul的的li
然后触发点击的时候，顺便把这个li的border-right设为0
——————————————————————————————
貌似有问题，右边的二级菜单还是有border-left。

我自己写个试试！看能不能处理！