Question

点击时我的移动视图导航功能下降，但再次点击时不会再上传。这是代码：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#"><span class="glyphicon glyphicon-user"></span></a>
            <a class="navbar-brand" href="/"><img src="{{ STATIC_URL }}kb/img/kenya-buzz-logo.gif"></a>

        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                {% recursetree top_menu %}
                  <li class="stackAuto">
                    <a href="{% if node.url_override %}{{ node.url_override }}{% else %}{{ node.get_absolute_url }}{% endif %}" title="{{ node.title }}" class="stackContent{% if node.id == page.id or node.id == page.parent.id %} current{% endif %}">
                      {{ node.name }}
                    </a>
                  </li>
                  {% endrecursetree %}
            </ul>
        </div>
        <!-- /.navbar-collapse -->

    </div>
    <!-- /.container -->
</nav>

它托管在http://www.kenyabuzz.com/mobile

Answer 1

此代码本身工作正常..证明是您的Bootply link right here
我检查了你的代码，你正在运行本地版本的Jquery和bootstrap。

检查您下载的引导程序的版本。也许您下载了第2版，但您使用的是第3版来编写代码。 Find the difference between Bootstrap 2 and 3 here也许还有Jquery

然后通过Html Validation运行你的页面，它说你有很多迷失的终端div和很多重复的ID。这可能不是原因，但修复这些小问题有时已经证明可以解决大问题，所以我现在的建议是：

确保您的ID是唯一的，如果您想将样式应用于多个div，请使用类
确保所有打开的div都已关闭，而且你现在没有div闲置，现在就是这种情况
确保您没有无用的标签，或者您的javascript未使用这些标签
确保您的其他插件或其他Css类不会导致与Bootstrap nav，navbar，collapse类相冲突，或者至少确保您处理冲突很好
如果你有另一个dropdown，你想确保下拉列表的id与此不同，那个按钮中的数据目标也指向正确的ids < / LI>
如果您对文件进行了更改并且似乎没有任何更改，请确保您通过ftp正确上传文件，如果仍然无效，则应尝试清除缓存文件

您提到您将bootstrap和jQuery js包含在正文中，而不是在头部。那很好。

Bootstrap导航没有上升

1 个答案: