導航欄上的導航欄下拉引導程序

Question

使用移動設備（觸摸）時，導航欄中的導航欄出現問題。

如果我使用的是計算機，導航欄可以正常工作，但如果是觸摸設備，則嘗試選擇某個選項時將隱藏下拉菜單。

<div class="navbar navbar-inverse"> 
    <div class="navbar-inner"> 
     <div class="container"> 
         <!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
         <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> 

         <!-- Be sure to leave the brand out there if you want it shown --> 
         <a class="brand" href="/webga/index/index">Inicio</a> 

         <!-- Everything you want hidden at 940px or less, place within here --> 
         <div class="nav-collapse"> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown" data-target=".nav-collapse"> 
             Cadastros <b class="caret"></b> 
           </a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="/empresa/novaEmpresa"/>">Empresa</a></li> 
             <li><a 
              href="<c:url value="/empreendedor/novoEmpreendedor"/>">Empreendedor</a></li> 
             <li><a 
              href="<c:url value="/empreendimento/novoEmpreendimento"/>">Empreendimento</a></li> 
             <li><a href="<c:url value="/atividades/novaAtividade"/>">Atividades</a></li> 
             <li><a 
              href="<c:url value="/subatividade/novaSubAtividade"/>">Sub-Atividades</a></li> 
             <li><a 
              href="<c:url value="/responsavel/novoResponsavel"/>">Responsavel 
               Técnico</a></li> 
             <li><a 
              href="<c:url value="/documentacao/novaDocumentacao"/>">Documentações</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Consultas <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="/processos/pesquisa"/>">Processos</a></li> 
             <li><a href="<c:url value="/subatividade/lista"/>">SubAtividades</a></li> 
             <li><a href="<c:url value="#"/>">Legislações</a></li> 
             <li><a href="<c:url value="#"/>">Documentos</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Solicitações <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="#"/>">Licensa 
               Ambiental/Florestal</a></li> 
             <li><a href="<c:url value="#"/>">Declaração de 
               isenção de licensa</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Relátorios <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="#"/>">Lista de 
               Atividades/Sub-Atividades</a></li> 
             <li><a href="<c:url value="#"/>">Solicitações por 
               Empreendedor</a></li> 
             <li><a href="<c:url value="#"/>">Solicitações por 
               Empreendimento</a></li> 
             <li><a href="<c:url value="#"/>">Solicitações por 
               Atividade</a></li> 
             <li><a href="<c:url value="#"/>">Estatística por 
               Atividade</a></li> 
             <li><a href="<c:url value="#"/>">Relação dos 
               Usuarios</a></li> 
             <li><a href="<c:url value="#"/>">Relação de 
               Empreendedores e seus Empreendimentos</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Ajuda <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="#"/>">Informações</a></li> 
             <li><a href="<c:url value="#"/>">Suporte</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav"> 
           <li class="dropdown"><a href="#" class="dropdown-toggle" 
            data-toggle="dropdown"> Sistema <b class="caret"></b></a> 
            <ul class="dropdown-menu"> 
             <li><a href="<c:url value="/usuario/alterarSenha"/>">Alterar 
               Senha</a></li> 
            </ul></li> 
          </ul> 
          <ul class="nav pull-right"> 
           <li class="pull-right"><a href="<c:url value="/logout"/>">Logout</a></li> 
          </ul> 
         </div> 

        </div> 
       </div> 
      </div> 

任何幫助表示讚賞。謝謝

Answer 1

你可能沒有更新到最新的Bootstrap呢，是嗎？

我寫了一篇博客文章，包括針對此問題在這裏臨時修復： http://forwebonly.com/fix-for-twitter-bootstrap-dropdown-on-ipad-and-iphone/

但是，當你更新到最新的引導（2.2.2或更高版本），這個問題應該是固定的，因爲你可以閱讀他們的changelog。

下面是關於什麼是此版本的新概要：

...

下拉框：臨時的解決辦法增加了對手機的下拉列表中，以防止它們提早打烊。