Javascript 引导菜单导航栏不会在iPhone上打开，但可以在Chrome移动模拟器中工作_Javascript_Ios_Iphone_Twitter Bootstrap_Twitter Bootstrap 3

Javascript 引导菜单导航栏不会在iPhone上打开，但可以在Chrome移动模拟器中工作

javascript ios iphone twitter-bootstrap twitter-bootstrap-3

Javascript 引导菜单导航栏不会在iPhone上打开，但可以在Chrome移动模拟器中工作,javascript,ios,iphone,twitter-bootstrap,twitter-bootstrap-3,Javascript,Ios,Iphone,Twitter Bootstrap,Twitter Bootstrap 3,堆叠菜单按钮在iPhone上不会打开，但在Chrome iPhone simulator视图中确实有效。就好像最近对iOS的更新破坏了它。我可以发誓它在不到一两个月前就开始工作了。该应用程序位于。我试着重新加载了好几次。我希望我能在iPhone上查看JavaScript控制台。这是菜单： <body> <div class="container"> <div class="navbar navbar-default"> <div

堆叠菜单按钮在iPhone上不会打开，但在Chrome iPhone simulator视图中确实有效。就好像最近对iOS的更新破坏了它。我可以发誓它在不到一两个月前就开始工作了。该应用程序位于。我试着重新加载了好几次。我希望我能在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>

铬

好的，我找到了问题所在，并将

行更改为

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