gpt4 book ai didi

javascript - 移动 Bootstrap 上的导航栏下拉菜单

转载 作者:太空宇宙 更新时间:2023-11-04 15:26:49 26 4
gpt4 key购买 nike

使用移动设备(触摸)时,我的 Bootstrap 导航栏出现问题。

如果我使用的是计算机,导航栏工作正常,但如果是触摸设备,则在尝试选择一个选项时下拉菜单会隐藏。

<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>

感谢任何帮助。谢谢

最佳答案

您可能还没有更新到最新的 Bootstrap,是吗?

我在这里写了一篇博文,其中包含针对此问题的临时修复: http://forwebonly.com/fix-for-twitter-bootstrap-dropdown-on-ipad-and-iphone/

但是当您更新到最新的 Bootstrap(版本 2.2.2 或更高版本)时,这个问题应该得到解决,您可以在他们的 changelog 中阅读.

Here's the rundown on what's new in this release:

...

Dropdowns: Temporary fix added for dropdowns on mobile to prevent them from closing early.

关于javascript - 移动 Bootstrap 上的导航栏下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13914976/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com