Wordpress 汉堡切换按钮在本地工作,但在部署时不工作

Wordpress 汉堡切换按钮在本地工作,但在部署时不工作,wordpress,toggle,Wordpress,Toggle,下面的代码呈现了一个汉堡包切换按钮,当我在本地主机上测试它时,它工作得非常好,但当网站部署到远程服务器后,它就无法工作了 我尝试了多种不同的方法来解决这个问题,包括检查可能的jQuery排队问题,但到目前为止没有任何效果 <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="navbar-toggler" data-toggle="collapse" data-target="#na

下面的代码呈现了一个汉堡包切换按钮,当我在本地主机上测试它时,它工作得非常好,但当网站部署到远程服务器后,它就无法工作了

我尝试了多种不同的方法来解决这个问题,包括检查可能的jQuery排队问题,但到目前为止没有任何效果

<nav class="navbar navbar-expand-lg navbar-light bg-light">

  <div class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span><i class="fas fa-bars"></i></span>
  </div>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <?php
             wp_nav_menu( array(
             'menu'              => 'primary',
             'theme_location'    => 'mobile',
             'depth'             => 2,
             'container'         => 'div',
             'container_class'   => '',
             'container_id'      => '',
             'menu_class'        => 'navbar-nav mr-auto',
             'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
             'walker'            => new wp_bootstrap_navwalker())
             );
        ?>
      </div>

</nav>

联机时,按钮确实可见,但单击时完全没有响应

有什么建议吗


非常感谢

我在这行代码中添加了“type=”button,从而解决了这个问题:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  <span><i class="fas fa-bars"></i></span>
</button>