Question

下面的代码呈现了一个汉堡包切换按钮，当我在localhost上对其进行测试时，该按钮工作正常，但是在将网站部署到远程服务器后却无法正常工作。

我尝试了多种方法来解决该问题，包括检查可能的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>

在线时，该按钮的确可见，但是单击时完全没有反应。

有什么建议吗？

非常感谢！

Answer 1

我设法通过在此代码行中添加“ 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>

汉堡切换按钮在本地工作，但在部署时不起作用

1 个答案: