当前位置:  开发笔记 > 前端 > 正文

按钮无法显示移动菜单

如何解决《按钮无法显示移动菜单》经验,为你挑选了0个好方法。

我刚刚开始学习J-Query,我正在尝试在我的网页中实现一个简单的点击事件,当你点击一个按钮时它将打开mobile-nav.

当我选择标题时,此按钮有效,例如它会隐藏标题,但不会显示mobile-nav?

ps我正在复制DICE主页仅用于学习目的,因为我知道我正在使用受版权保护的媒体;).

我认为这可能与我隐藏移动导航在我CSS所以J-query无法toogle /显示它.

@media screen and (max-width: 1024px) {
    nav{
    justify-content: space-around;    
    }
    
    .bars{
    display:block; 
    width: 50px;
    height: 100px;
    cursor: pointer;
    } 
    
    
    ul{
    display: none !important;    
    }
    
    
    .mobile-nav{
    display: none;
    position:absolute;
    z-index: 3;
    left:-110px;
    top:70px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color:black;
    }
    
    .mobile-nav li{
    height: 50px;    
    }
    
    .mobile-nav a{
    font-size: 2rem;
    font-weight: 700;
    }
}



    
    
 
    Dice
    
    
 
    
    
    




















    
360691894_8a5c48
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有