Javascript 推特引导可折叠导航菜单
我在我的web应用程序上使用twitter引导程序来完成所有的样式设计,并且在大多数情况下一切都很棒。问题是,我的导航栏一旦折叠,当我单击下拉图标时将不会下拉。我已经列出了我的HTML,但我认为问题在于我的javascript看到了完全相同的代码:工作正常Javascript 推特引导可折叠导航菜单,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我在我的web应用程序上使用twitter引导程序来完成所有的样式设计,并且在大多数情况下一切都很棒。问题是,我的导航栏一旦折叠,当我单击下拉图标时将不会下拉。我已经列出了我的HTML,但我认为问题在于我的javascript看到了完全相同的代码:工作正常 <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<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="/">Exployre</a>
<div class="nav-collapse">
<ul class="nav">
<li><a href="/">Home</a></li>
<li><a href="/profile">Profile</a></li>
<li><a href="/sponsors">Sponsors</a></li>
<li><a href="/working">Exployrers</a></li>
<li><a href="/about">About</a></li>
<li><a href="/share">Share</a></li>
<li>
{% if user %}
User: {{ user }}<br>
<a href="{{ logout }}">Logout</a>
{% else %}
<a href="/login">Signin or Register</a>
{% endif %}
<li>
<a href="/profile">
{% if visits %}
{% if visits > 10 %}
Prestige: {{ visits }}
{% elif visits > 5 %}
{% endif %}
{% endif %}
</a>
</li>
<li>
<form action="/search" class="navbar-search">
<div>
<input type="text" placeholder="Search" class="search-query" name="q" size="55"/>
</div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<script type="text/javascript" src="/static/js/bootstrap.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
-
{%if用户%}
用户:{{User}}
{%else%}
{%endif%}
-
-
我的源代码链接有什么问题吗?或者我需要做些什么来让它正常工作?问题在于js的顺序。jQuery脚本先行,引导插件紧跟其后:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/bootstrap.js"></script>