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上點擊的菜單項

回答

相關問題