Html 引导scrollspy什么也不做
我看了其他类似的问题，似乎找不到解决办法 我的菜单上有.nav类，我相信数据目标指向正确的元素Html 引导scrollspy什么也不做,html,twitter-bootstrap,Html,Twitter Bootstrap,我看了其他类似的问题，似乎找不到解决办法 我的菜单上有.nav类，我相信数据目标指向正确的元素 <body data-spy="scroll" data-target="#main-nav" data-offset="300"> <script type="text/javascript"> $(document).ready(function() { $("#main-container").css("display", "none"); $
<body data-spy="scroll" data-target="#main-nav" data-offset="300">
<script type="text/javascript">
$(document).ready(function() {
$("#main-container").css("display", "none");
$("#main-container").fadeIn(2000);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("#main-container").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
<div id="main-header">
<h1>Springfield, NY</h1>
</div><!--Navbar-->
<nav id="main-nav" class="navbar navbar-inverse container nav">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display-->
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
</div>
<!-- Collect the nav links, forms, and other content for toggling-->
<div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle">Classes<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="classes.html#sectYouth">Youth Class (5-10)</a></li>
<li><a href="classes.html#sectKids">Older Kids Class (10+)</a></li>
<li><a href="classes.html#sectAdults">Teens/Adults Class </a></li>
<li><a href="classes.html#sectAiki">Aiki Jiu-Jitsu</a></li>
<li><a href="classes.html#sectPrivate">Private Classes</a></li>
<li><a href="classes.html#sectCorporate">Corporate Seminars</a></li>
<li><a href="classes.html#sectDefense">Self Defense</a></li>
</ul>
</li>
<li><a href="instructors.html">Instructors</a></li>
<li><a href="sister.html">Sister Dojos</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="gallerys.html">Gallerys</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle">Information<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="articles.html">Articles</a></li>
<li><a href="studentinfo.html">Student Info</a></li>
</ul>
</li>
</ul>
</div>
<!-- /.nav-collapse-->
</div>
<!-- END Navbar-->
</nav><!--End of Navbar-->
$（文档）.ready（函数（）{
$（“#主容器”）.css（“显示”、“无”）；
$（“#主容器”）。fadeIn（2000年）；
$（“a.transition”）。单击（函数（事件）{
event.preventDefault（）；
linkLocation=this.href；
$（“#主容器”）.fadeOut（1000页）；
});
函数重定向页面（）{
window.location=linkLocation；
}
});
纽约州斯普林菲尔德
切换导航
-
-
如果有任何建议，我将非常高兴 在page classes.html上，我假定该页面是要更改导航栏中活动类的页面。导航栏中的链接不应在链接中哈希位置之前有该页面。因此，在classes.html页面上，如果导航栏中的链接写得像这样，scrollspy插件将无法识别它们，因此在滚动到#位置时不会更改活动类。因此，只需在page classes.html上删除页面名称，只需像So