-1
BOOTSTRAPカルーセルはまったくスライドしていません 私はこのカルーセルの作品を作ろうとしていましたが、スライドは常にアクティブなスライドに留まりたいとは思わなかったし、すべてのリンクはすべてのJSのファイルとCSS everysingle 1つの作品をチェックしましたが、カルーセルは、アクティブな1本のBOOTSTRAPカルーセルはスライドしていません
<!-- language: lang-html -->
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="carousel-staffpick" class="carousel slide" data-ride="carousel">
<!-- indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-staffpick" data-slide-to="0"></li>
<li data-target="#carousel-staffpick" data-slide-to="1"
class="active"></li>
<li data-target="#carousel-staffpick" data-slide-to="2"></li>
</ol>
<!-- wrapper for slides -->
<div class="carousel-inner">
<!-- item 01 -->
<div class="item text-center">
<img src="{% static 'img/client-01.jpg' %}" alt="staffpick" class="center-block">
<div class="staffpick-caption">
<h2>Ryad Mahrer</h2>
<h4>
<span> FootBall Player </span>Licter City
</h4>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip.”</p>
</div>
</div>
<!-- item 02 -->
<div class="item active text-center">
<img src="{% static 'img/client-02.jpg' %}" alt="client-02" class="center-block">
<div class="staffpick-caption">
<h2>zlatan ibrahimovic</h2>
<h4>
<span> FootBall PLayer </span>Man Unt
</h4>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip.”</p>
</div>
</div>
<!-- item 03 -->
<div class="item text-center">
<img src="{% static 'img/client-03.jpg' %}" alt="staffpick" class="center-block">
<div class="staffpick-caption">
<h2>Jamie Vardy</h2>
<h4>
<span> FootBall PLayer </span>Licter City
</h4>
<p>“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip.”</p>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/jquery-3.1.1.min.js' %}"></script>
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel({
interval: 2000
})
});
</script>
編集にとどまるだけでスライディングされていませんなぜ私が言うことができない：私は、スライダの動作を試してみました私はそれをオンラインで試しても、私のローカルホストでは動作しません
という名前の順序が変更されます。 'bootstrap.js'はどこですか？あなたはそれを付けましたか？ –
あなたは何かエラーが発生していますか？ –
はい私はbootstrap.js ..を付けました。そして、私はエラーが発生していません。ただスライドしません。 – LeLouch