[英]Bootstrap 3.0 navbar-fixed-top toggles only once
這是我的導航欄代碼
<div class="navbar navbar-fixed-top ">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="icon-bar" style="background-color:red;"></span>
<span class="icon-bar" style="background-color:red;"></span>
<span class="icon-bar" style="background-color:red;"></span>
</button>
<a href="#"class="navbar-brand"><img src='img/logo2.png' class="img-responsive"></a>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right spy">
<li ><a class="fade" href="#section-1">HOME</a></li>
<li ><a class="fade" href="#section-2">SHOWREEL</a></li>
<li ><a class="fade" href="#section-3">FILMS</a></li>
<li ><a class="fade" href="#section-4">PROFILE</a></li>
<li ><a class="fade" href="#section-5">CONTACT</a></li>
</ul>
</div>
</div>
</div>
讓我澄清一下,間諜是我用於scrollSpy js腳本的類名。 這是我在正文末尾包含的.js文件:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript">/script>
<script src="js/jquery.nav.js" type="text/javascript"></script>
這是我包括的.css文件:
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font.css" />
如標題中所述,當在小型媒體設備中時,切換按鈕僅在第一次時起作用,此后它沒有響應
訪問getbootstrap.com 。 Bootstrap 3內置了scrollspy。您應該通過javascript調用scrollspy:
$('body').scrollspy({ target: '#id-goes-here' })
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.