引導程序3輪播的控件不起作用
[英]Controls for bootstrap 3 carousel are not working
問題描述
我正在嘗試使用bootstrap 3創建圖像輪播。圖像會在設置的時間后自行滑動，但是我無法獲得滑動圖像的控件。 似乎我完全在關注文檔。 我包括了HTML以及jsfiddle：
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<body>
<nav class="navbar navbar-default navbar-fixed-top"><a class="navbar-brand">Test</a></nav>
<div class="container">
<div class="row">
<div style="height:100px;" class="col-md-12"></div>
</div>
</div>
<div style="border-right:1px solid #E7E7E7;" class="container listingContainer">
<div style="border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;" class="row">
<div class="col-md-5 leftAdjust">
<div id="myCarousel" data-ride="carousel" class="carousel-slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<div role="listbox" class="carousel-inner">
<div class="item active"><img src="http://www.nationalparks.nsw.gov.au/~/media/NPWS/Images/Parks/Yuraygir-National-Park/Background/pebbly-beach-camp.ashx" style="width:100%;height:327px"></div>
<div class="item"><img src="http://static.hdw.eweb4.com/media/thumbs/1/111/1101776.jpg" style="width:100%;height:327px"></div>
</div><a href="#myCarousel" role="button" data-slide="prev" class="carousel-control left"><span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span></a><a href="#myCarousel" role="button" data-slide="next" class="carousel-control right"><span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
</div>
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="/javascripts/main.js"></script>
1 個解決方案
解決方案1
0 已采納 2014-11-26 18:29:06
你有錯字
<div id="myCarousel" data-ride="carousel" class="carousel-slide">
應該：
<div id="myCarousel" data-ride="carousel" class="carousel slide">
您在課程中的輪播和幻燈片之間有一個連字符。
Bootstrap Carousel控件不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.