0
我是自举传送带新手。我从Bootstrap 4 Beta文档复制了html代码,并从maxcdn链接了css,js。旋转木马加载完美,图像滑动,甚至暂停鼠标悬停。然而,指标和prev/next控件不响应鼠标点击。请帮忙!Bootstrap 4 beta传送带指示器和控件不响应鼠标点击
<!DOCTYPE html>
<html lang="en">
<head>
\t <meta charset="UTF-8">
\t <meta name="viewport" content="width=device-width, initial-scale=1">
\t <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
\t <title>Carousel</title>
</head>
<body>
\t <div id="myCarousel" class="carousel slide" data-ride="carousel">
\t \t <ol class="carousel-indicators">
\t \t \t <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
\t \t \t <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
\t \t \t <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
\t \t \t <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
\t \t \t <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
\t \t \t <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
\t \t </ol>
\t \t <div class="carousel-inner">
\t \t \t <div class="carousel-item active">
\t \t \t \t <img src="images/011.jpg" alt="One" class="d-block img-fluid">
\t \t \t </div>
\t \t \t <div class="carousel-item">
\t \t \t \t <img src="images/012.jpg" alt="Two" class="d-block img-fluid">
\t \t \t </div> \t \t \t \t
\t \t \t <div class="carousel-item">
\t \t \t \t <img src="images/013.jpg" alt="Three" class="d-block img-fluid">
\t \t \t </div>
\t \t \t <div class="carousel-item">
\t \t \t \t <img src="images/014.jpg" alt="Four" class="d-block img-fluid">
\t \t \t </div> \t \t \t \t
\t \t \t <div class="carousel-item">
\t \t \t \t <img src="images/015.jpg" alt="Five" class="d-block img-fluid">
\t \t \t </div> \t \t \t \t
\t \t \t <div class="carousel-item">
\t \t \t \t <img src="images/016.jpg" alt="Six" class="d-block img-fluid">
\t \t \t </div> \t \t \t \t \t \t \t \t
\t \t </div>
\t \t <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
\t \t \t <span class="carousel-control-prev-icon" aria-hidden="true"></span>
\t \t \t <span class="sr-only">Previous</span>
\t \t </a>
\t \t <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
\t \t \t <span class="carousel-control-next-icon" aria-hidden="true"></span>
\t \t \t <span class="sr-only">Next</span>
\t \t </a>
\t </div>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
\t <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
\t <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
</body>
</html>
是的,它的工作!谢谢! –
不客气。 –