Question

堆叠的菜单按钮不会在iPhone上打开，但它可以在Chrome iPhone模拟器视图中使用。好像最近对iOS的更新已经打破了它。我可以在不到一个月或两个月之前宣誓它正在工作。该应用程序位于https://mybestbody.herokuapp.com。我试过几次重装。我希望我能在iPhone上查看JavaScript控制台。这是菜单：

<body>
  <div class="container">

    <div class="navbar navbar-default">
      <div class="navbar-header"><a class="navbar-brand" href="/">My Best Body</a>
        <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li class="<%=@homeActive%>"><a href="/">Home</a></li>
          <li class="<%=@aboutActive%>"><a href="/about">About</a></li>
          <li class="<%=@contactActive%>"><a href="/contact">Contact</a></li>
          <% if user_signed_in? %>
            <li><%= link_to 'My Profile', user_path(current_user) %></li>
            <li><%= link_to 'Logout', destroy_user_session_path, method: :delete %></li>
          <% else %>
            <li><%= link_to 'Login', new_user_session_path %></li>
            <li><%= link_to 'Register', new_user_path %></li>
          <% end %>
        </ul>
      </div>
    </div>

铬

Answer 1

好的我找到了问题，并将<a>行更改为

<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

Bootstrap菜单导航栏无法在iPhone上打开，但可在Chrome移动模拟器

铬

1 个答案: