0

使用移动设备(触摸)时,我的导航栏与引导程序有问题。

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

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

任何帮助表示赞赏。谢谢

4

1 回答 1

1

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

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

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

以下是此版本中新增内容的概要:

...

下拉菜单:为移动设备上的下拉菜单添加了临时修复,以防止它们提前关闭。

于 2012-12-17T13:24:11.210 回答