javascript - Bootstrap 3 : Mobile nav opens on desktop, 但不是在 iPhone 上？

Question

我为几个 friend 创建了一个网站，快完成了:

http://hopetherapy.info

挑战: 到目前为止，当我点击移动导航汉堡菜单时，它会在 Mac 上的 FireFox、Safari、Chrome 中的桌面上打开(使窗口变窄以进行测试)。但是在 iPhone 6 操作系统 10.1.1 上，选择汉堡菜单不会导致任何操作(尚未在 Android 上测试)。

我确实重新安排了此设计的菜单，使其右对齐并与另一个 WordPress 主题合并，这可能导致了一些我尚未发现的问题。

生成的菜单 HTML:

<header id="nav">
  <div class="navbar navbar-inverse navbar-fixed-top" data-spy="affix" data-offset-top="10">
    <div class="container">

      <a href="#" class="navbar-brand"><img alt="Hope Heals Counseling" src="/wp-content/themes/bootstrap-hope-heals/img/hope-heals-counseling2.png"></a>

      <a class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <div class="navbar-collapse collapse">
        <ul id="menu-main-menu" class="nav pull-right navbar-nav"><li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6 current_page_item menu-item-27 active active"><a href="http://hopetherapy.info/">Home</a></li>
          <li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="http://hopetherapy.info/answers/">Answers</a></li>
          <li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="http://hopetherapy.info/blog/">Blog</a></li>
          <li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="http://hopetherapy.info/contact/">Contact</a></li>
          <li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28"><a href="tel:16164227787">Call: +1.616.422.7787</a></li>
        </ul> 
      </div>  

    </div>
  </div>
</header>

关于可能导致汉堡菜单无法在 iPhone 上打开的任何想法？

Answer 1

有人已经为我回答了这个问题，是在重新搜索后发现的。我在汉堡包菜单上遗漏了 href="#"。 Full details here .