HTML - Bootstrap - 没有在iPhone上点击的菜单项

如标题所示，我在使用iPhone观看时没有点击自举导航栏菜单项时遇到问题。HTML - Bootstrap - 没有在iPhone上点击的菜单项

我在chrome上进行了模拟，链接正常工作。

任何想法？

<header id="Home" class="header"> 
     <div style="text-align:right; color:#ffffff;">For your FREE mediation consultation** call:<br><strong style="font-size:24px;">XXXXXX</strong></div> 
      <div class="menu-wrapper"> 
       <nav id="navigation" class="navbar navbar-default" role="navigation"> 
        <div class="navbar-inner"> 
         <div class="navbar-header"> 
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigationbar"> 
           <span class="sr-only">Toggle navigation</span> 
           <i class="fa fa-bars fa-2x"></i> 
          </button> 
          <a id="brand" class="navbar-brand" href="index.html" style="color:#ffffff; font-size:24px; line-height:24px;"> 
          Company <br> 
          Name<br> 
          Here 
          </a> 
         </div> 
         <div class="navbar-collapse collapse" id="navigationbar"> 
          <ul class="nav navbar-nav navbar-right" id="nav"> 
           <li class="current"><a href="#Home" title="">Home</a></li> 
           <li><a href="#About_Us" title="">About Us</a></li> 
           <li><a href="#Practice_Area" title="">What is Mediation</a></li> 
           <li><a href="#faq" title="">FAQ</a></li> 
           <li><a href="#expertise" title="">Our Expertise</a></li> 
           <li><a href="#fees" title="">Our Fees</a></li> 
           <li><a href="#contact" title="">Contact</a></li> 
          </ul> 
         </div><!-- end navbar-collapse collapse --> 
        </div><!-- nav --> 
       </nav><!-- end navigation --> 
      </div><!-- menu wrapper --> 
     </header><!-- end header -->

来源

2015-07-04 Jonny Stuart

你是什么意思与“不点击”？您可能还想编辑您的问题并删除/替换电话号码，因为这样看起来像垃圾邮件。 – hoijui

感谢您的号码！就不点击而言，我点击菜单项并隐藏导航栏，而不必按照应用程序的要求转到锚点标记。 –

OK ...我发现罪魁祸首不过不知道如何解决

<script type="text/javascript"> 
     // Close the navbar if collapsed (small screen) when clicking on a menu link 
     // From edit 2 on 
     // http://stackoverflow.com/questions/14203279/bootstrap-close-responsive-menu-on-click/23171593#23171593 
     $(function() { 
     $('.navbar-collapse ul li a:not(.dropdown-toggle)').bind('click touchstart', function() { 
      $('.navbar-toggle:visible').click(); 
     }); 
     }); 
    </script>

如果我删除此代码，它的工作原理，但菜单不消失。我想要一个解决方案，点击菜单项然后菜单消失。

谢谢！

来源

2015-07-04 10:27:12

请帮忙吗？ –

HTML - Bootstrap - 没有在iPhone上点击的菜单项

回答

相关问题