javascript - 如何使用javascript展开和关闭navbar mobile

我有一个脚本没有执行我想要的任务的代码。
我需要一个脚本，它将在id为“btnMob0”的ul中添加类“active”
目前，它是这样的：

<script type="text/javascript">
        $(document).ready(function(){
            $('btnMob').click(function(){
                $('btnMob0').addClass('active');
            });
        })
    </script>

但是，这不起作用，没有调试错误
CSS:

.active{
        display: block !important;
    }

Html格式：

<!-- menu mobile -->
<nav class="menuMobile">
    <div class="toggle">
            <i class="fas btnMob fa-align-justify"></i>
    </div>
    <ul id="btnMob0">
      <li class=""><a href="<?php bloginfo( 'home')?>" class="nav-link">HOME</a></li>
      <li class=""><a href="#" class="nav-link">ENCOMENDAS</a></li>
      <li class=""><a href="#" class="nav-link">CURSOS</a></li>
      <li class=""><a href="#" class="nav-link">VIDEOAULAS</a></li>
      <li class=""><a href="#" class="nav-link">BOLO NO POTE</a></li>
      <li class=""><a href="#" class="nav-link">CONTATO</a></li>
    </ul>
</nav>

最佳答案

我想我看到了问题你需要一个标签“#”在身份证的前面尝试：

$(document).ready(function(){
    $('#btnMob').click(function(){
      $('#btnMob0').addClass('active');
    });
});

关于javascript - 如何使用javascript展开和关闭navbar mobile，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49617916/