Twitter-Bootstrap響應式導航欄下拉式子鏈接在平板電腦上無法點擊

我無法獲得響應式導航欄中的下拉菜單中的鏈接，以便在使用平板電腦時進行點擊。這可以在桌面瀏覽器中正常工作，但在平板電腦上，當您單擊鏈接時，下拉框關閉並且什麼都不會發生。我會發佈下面的代碼，但你也可以在這個jsfiddle http://jsfiddle.net/Tapf9/中看到它。我在我的應用程序中使用bootstrap v2.3.2 unminified版本。Twitter-Bootstrap響應式導航欄下拉式子鏈接在平板電腦上無法點擊

<div class="navbar navbar-fixed-top"> 
      <div class="navbar-inner"> 
      <div class="container-fluid"> 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       </a> 
       <a class="brand" href="~/">Company x</a> 
       <div class="nav-collapse"> 
       <ul class="nav"> 
        <li class="navHome"><a href="~/"><i class="icon-home icon-white"></i> Home</a></li>       
        <li class="dropdown"><a class="navInst dropdown-toggle" data-toggle="dropdown">DropDown1<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="~/x/Create" >Create</a></li> 
          <li><a href="~/x">Search</a></li> 
         </ul> 
        </li> 
        <li class="dropdown "><a class="navServ dropdown-toggle" data-toggle="dropdown" href="~/ServiceTicket">DropDown2<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="~/y/Create">Create</a></li> 
          <li><a href="~/y">Search</a></li> 
         </ul> 
        </li> 
        <li class="dropdown "><a class="navPm dropdown-toggle" data-toggle="dropdown" href="~/PmTicket">DropDown3<b class="caret"></b></a> 
         <ul class="dropdown-menu"> 
          <li><a href="~/z/Create">Create</a></li> 
          <li><a href="~/z">Search</a></li> 
         </ul> 
        </li> 


        <li id="logout"><a href="#">Logout</a></li> 
       </ul> 
       </div><!-- /.nav-collapse --> 
      </div><!-- /.container --> 
      </div><!-- /.navbar-inner --> 
     </div><!-- /.navbar -->

我在這裏錯過了什麼？

來源

2013-08-29 Colt Stumpf

從我可以告訴這個問題不會出現在所有的平板電腦。它適用於ipad，但不是我的松下toughpad fz-a1。我發現平板電腦正在註冊鏈接點擊事件以包含整個導航欄，導致它重新加載。我升級到引導程序3並修改了我的應用程序類選擇器以匹配，並且似乎已經完成了這個技巧。現在它正在運作。

來源

2013-09-04 15:02:23

只需將「collapse」添加到< div class =「nav-collapse」>。

它應該work ;-)

<div class="nav-collapse collapse">

來源

2013-09-04 11:09:57 Honza

這仍然沒有解決我的平板電腦上的問題。 –

Twitter-Bootstrap響應式導航欄下拉式子鏈接在平板電腦上無法點擊

回答

相關問題