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

Question

我有一个代码，该脚本无法执行我想要的任务。

我需要一个脚本，该脚本将在id为“ btnMob0”的ul中添加“活动”类

目前，是这样的：

<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>

Answer 1

我想我看到了一个问题，您需要在ID的尝试前面加上＃号标签：

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