我可能遗漏了一些很小的东西,这让我感到沮丧,因为我已经坐在这里几个小时了,试图解决这个问题。导航栏无法与Javascript链接。当窗口正确调整大小时,按钮会出现,但是单击后不会折叠菜单。
快速查看我的标题中的链接(以防它们的顺序错误)
<link rel="stylesheet" href="/assets/css/bootstrap.css">
<link rel="stylesheet" href="/assets/css/bootstrap-responsive.css">
<link rel="stylesheet" href="/assets/css/style.css?v=2">
<script src="/assets/js/bootstrap.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<!-BootStrap--><script src="/assets/js/jquery-1.7.1.min.js"></script>
<script src="/assets/js/jquery.validate.min.js"></script>
<script src="/assets/js/script.js"></script>
<script src="/assets/js/bootstrap-fileupload.js"></script>
快速查看我的HTML -
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!--<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">-->
<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>
<div class="span4">
<a href="{site_url}" title="People Team">
<img src="/assets/img/logo.png" alt="People Team Logo" />
</a>
</div>
<nav>
<div class="nav-collapse">
<ul class="nav">
<li{if segment_1 == ""} class="active"{/if}>
<a href="/" title="Home">Home</a>
</li>
<li{if segment_1 == "services"} {/if}>
<a href="/services" title="Contact People Team">Services</a>
</li>
<li{if segment_1 == "about"} {/if}>
<a href="/about" title="About People Team">About the team</a>
</li>
<li{if segment_1 == "contact"} {/if}>
<a href="/contact" title="Contact People Team">Contact Us</a>
</li>
</ul>
</div>
我假设Javascript代码在Bootstrap.min.js或Bootstrap.js文件中,这些文件是导航栏正常工作所必需的。我感到有些困惑,希望能得到帮助。
祝好,