所以我已经通读了这个问题,但我仍然无法实现代码。我已经将该 javascript 完全复制到我的 custom.js 文件中,它说我的 HTML 代码不需要修改。但是,它仍然无法正常工作。我需要改变什么?
HTML 文件的相关部分:
<!-- Nav bar -->
<ul class="dropdown-menu" role="menu">
<li><a href="project1.html?slide=0">Project 1</a></li>
<li><a href="project1.html?slide=1">Project 2</a></li>
<li><a href="project1.html?slide=2">Project 3</a></li>
</ul>
<!-- Carousel -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class=""></li>
<li data-target="#myCarousel" data-slide-to="1" class="active"></li>
<li data-target="#myCarousel" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner">
<div class="item">
<img src="img/Project1.jpg" alt="First slide">
<div class="container">
<div class="carousel-caption">
<h1>Project 1</h1>
</div>
</div>
</div>
<div class="item active">
<img src="img/Project2.jpg" alt="Second slide">
<div class="container"> …Run Code Online (Sandbox Code Playgroud)