Javascript Scrollspy链接不';在滚动浏览相关文本时无法激活
让我先说我是初学者 我不明白为什么scrollspy没有在我的页面上工作。它包含堆叠在左边的导航药片,问题是它们在滚动主文本时没有响应。经过一次又一次的尝试,我得出结论,这个问题一定与css有关,但我不确定 Jquery和引导加载到CodePen设置中 我检查了浏览器的控制台:它显示了36条与图像源安全相关的警告,尽管我认为问题不在于此 这是密码Javascript Scrollspy链接不';在滚动浏览相关文本时无法激活,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,让我先说我是初学者 我不明白为什么scrollspy没有在我的页面上工作。它包含堆叠在左边的导航药片,问题是它们在滚动主文本时没有响应。经过一次又一次的尝试,我得出结论,这个问题一定与css有关,但我不确定 Jquery和引导加载到CodePen设置中 我检查了浏览器的控制台:它显示了36条与图像源安全相关的警告,尽管我认为问题不在于此 这是密码 <body data-spy="scroll" data-target="#myScrollspy" data-offset="50">
<body data-spy="scroll" data-target="#myScrollspy" data-offset="50">
<div class="jumbotron">
<h1>Kurt Angle</h1>
<p>Olympic Gold Medalist, World Champion, Hall of Famer, Living Legend</p></div>
<!--CAROUSEL BEGINES-->
<div class="fluid-container">
<div class="carousel slide" data-ride="carousel" data-pause="false" id="carousel">
<!--indicators--->
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
<li data-target="#carousel" data-slide-to="3"></li>
</ol>
<!--wrapper of the images(itmes)--->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://b.fssta.com/uploads/content/dam/fsdigital/fscom/Buzzer/Images/2016/07/29/073116%20kurt%20angle.vresize.1200.630.high.0.jpg" alt="slide1" class="img-responsive">
<div class="carousel-caption">
<h3>Olympic Games 1996</h3>
<p>Kurt Angle celebrates the <b>gold medal</b>
</div>
</div>
<div class="item">
<img src="http://b.fssta.com/uploads/2017/01/kurt.vresize.1200.630.high.0.jpg" alt="slide2" class="img-responsive">
<div class="carousel-caption">
<h3>2000</h3>
<p>Angle is the <b>WWE Champion</b></p>
</div>
</div>
<div class="item">
<img src="http://b.fssta.com/uploads/2017/01/Kurt-Angle-3-1.vresize.1200.630.high.0.jpg" alt="slide3" class="img-responsive">
<div class="carousel-caption">
<h3>May 29 2009</h3>
<p><b>ECW debut</b></p>
</div>
</div>
<div class="item">
<img src="http://img.wennermedia.com/social/kurt_angle_bio-25d61b10-3182-46f3-850c-9b68d29f91b6.png" alt="slide4"class="img-responsive">
<div class="carousel-caption">
<h3>2017</h3>
<p><b>WWE Hall of Fame inductee</b></p>
</div>
</div>
<!--now let's put right and left control-->
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
<a class="right carousel-control" href="#carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!--SCROLLSPY & AFFIX (VERTICAL SIDENAV)>-->
<div class="container">
<div class="row">
<nav class="col-sm-3" id="myScrollspy">
<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="1000">
<li class="active"><a href="#aw">Amateur Wrestling</a></li>
<li><a href="#wwe">WWE</a></li>
<li><a href="#tna">TNA</a></li>
</ul>
</nav>
<div class="col-sm-9">
<h1>Here is a timeline of Kurt's amateur and professional wrestling career:</h1>
<div id="aw">
<h2>Amateur Wrestling</h2>
<ul id="ulAW">
<li><p><b>1987</b>
<ul>
<li><p> he is the Senior Pennsylvania State Wrestling Champion and</p></li>
<li><p>USA Junior Freestyle champion</p></li>
</ul>
<li><p><b>1988 -</b> USA International Federation of Associated Wrestling Styles Junior World Freestyle champion</p></li>
<li><p><b>1991 -</b> 2-time National Collegiate Athletic Association Division I champion, national runner-up and a 3-time NCAA Division I All-American</p></li>
<li><p><b>1995 -</b> Angle wins the gold medal at the Fila World Championship Wrestling in Atalanta, Georgia</p></li>
<li><p><b>1996 - enters the Olympic Games and wins the gold medal</b></p></li>
</ul>
</div>
<div id="wwe">
<h2>WWE|1998-2006|title wins</h2>
<ul id="ulwwe">
<li><b>2000</b>
<ul>
<li>10/2 RAW - wins the <b>European title</b> against Val Venis</li>
<li>27/2 No Way Out - wins the <b>Intercontinental Championship</b> against Chris Jericho</li>
<li>22/10 No Mercy - becomes <b>WWE Champion</b> by beating The Rock in a No DQ match</li>
</ul>
</li>
<li><b>2001</b>
<ul>
<li>27/4 Smackdown - wins the <b>WCW Championship</b> from Booker T</li>
<li><p>23/9 Unforgiven - becomes <b>2-times WWE Champion</b> by defeating non other than Stone Cold Steve Austin</p></li>
<li><p>beats Rhyno and wins the <b>United States Championship</b></p></li>
</ul></li>
<li><b>2002</b>
<ul>
<li><p>20/10 No Mercy - along with Chris Benoit wins for the first the <b>WWE Tag Team Championship</b></p></li>
<li><p> 15/12 Armageddon - after beating Big Show, Angle is <b>3-times WWE Champion</b></p></li>
</ul>
</li>
<li><b>2003</b>
<ul>
<li><p>27/2 Vengeance - beats Brock Lesnar and Big Show to become <b>WWE Champion for the 4th</b> time</p></li></ul></li>
<li><b>2006</b>
<ul>
<li><p>10/1 Returns to Smackdown to win the 20-man battle royal and win the vacant <b>World Heavyweight Championship</b></p></li>
</ul>
</ul>
</div>
<div id="tna">
<h2>TNA|2006-2016|title wins</h2>
<ul id="ultna">
<li><b>2007</b>
<ul>
<li><p>13/5 Sacrifice - Kurt becomes <b>TNA World Champion</b></p></li>
<li><p>17/6 Slammiversary - wins for the <b>second time</b> the championship in a </p>
<p>king of the Mountain match</p></li>
<li><p>25/10 iMPACT! - wins back the title from Sting, becoming 3-times world champion</p></li></ul></li>
<li><p><b>2009</b> - 21/6 Slammiversary - again wins the King of The Mountain match and becomes <b>TNA Champion</b></p></li>
<li><p><b>2011</b> - 7/8 HardCORE Justice - wins the World championship from Sting</p></li>
<li><p><b>2012</b> - 10/6 Slammiversary - wins the <b>TNA Tag Team Championship</b> with AJ Styles</p></li>
<li><p><b>2015</b> - 20/3 IMPACT Wrestling - wins the TNA World Championship from Bobby Lashley</p></li>
</ul>
</div>
</div>
</div>
</div>
库尔特角
奥运会金牌得主、世界冠军、名人堂、活传奇
1996年奥运会
库尔特·安格尔庆祝金牌
2000
安格尔是WWE冠军
2009年5月29日
ECW首次亮相
2017
WWE名人堂入会
以下是库尔特业余和职业摔跤生涯的时间表:
业余摔跤
- 1987年
- 他是宾夕法尼亚州摔跤的资深冠军
- 美国青少年自由泳冠军
- 1988年的今天,美国国际摔跤联合会少年世界自由泳冠军
- 1991年的今天,两次获得美国大学生体育协会第一赛区冠军、全国亚军,三次获得美国全国大学生体育协会第一赛区冠军
- 1995年的今天,安格尔在乔治亚州亚特兰大举行的Fila世界摔跤锦标赛上获得金牌
- 1996年-参加奥运会并获得金牌
WWE | 1998-2006 |夺冠
- 2000年
- 10/2原始-战胜瓦尔·维尼斯赢得欧洲冠军
- 27/2无路可走-击败克里斯·杰里科赢得洲际冠军
- 22/10无怜悯-在无DQ比赛中击败岩石,成为WWE冠军
- 2001年
- 27/4 Smackdown-从布克T赢得WCW冠军
- 23/9不可饶恕-击败非铁石心肠的史蒂夫·奥斯汀,成为两届WWE冠军
- 击败Rhyno赢得美国冠军
- 2002年
- 20/10不发慈悲-与Chris Benoit一起赢得第一届WWE Tag团队冠军
- 15/12世界末日-击败大秀后,安格尔是WWE冠军的3倍
- 2003年
- 27/2复仇-击败Brock Lesnar和Big Show第四次成为WWE冠军
- 2006年
- 10/1重回斯马克敦,赢得20人的皇家战役,赢得悬而未决的世界重量级冠军
TNA | 2006-2016 |夺冠
- 2007年
- 13/5牺牲-库尔特成为TNA世界冠军
- 17/6 Slamipversary-在一场比赛中第二次赢得冠军
山中之王比赛
- 25/10冲击从斯汀手中夺回冠军,成为三次世界冠军
- 2009年21月6日Slamiversary再次赢得山地比赛之王,成为TNA冠军
- 2011年7月8日,铁杆正义队从斯汀手中夺得世界冠军
- 2012年10月6日Slamiversary-凭借AJ风格赢得TNA Tag团队冠军
- 2015年-20/3冲击式摔跤-博比·拉什利赢得TNA世界锦标赛
让我们试着了解这里发生了什么,被困在这些简单的事情上而不理解问题是令人沮丧的,但找到解决方案后,这是非常有益的。你有没有尝试过一个简单的scrollspy和nav的简单示例?嘿!我现在刚试过,但什么都没有,它不起作用。我注意到当我做阴囊时