私はちょうどjavascriptを学んでいるので、ここで我慢してください。同じコントロールを使用して、ブートストラップで 2 つのカルーセルを開始しようとしています。
現在の設定では、カルーセルの ID を含む href タグが各カルーセルを制御しています。最小限の変更で同じコントロールを使用して両方をリンクする方法について誰かアドバイスがありますか?
HTMLは次のとおりです。
<div id="asHero">
<div id="walkThrough" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<div class="span5">
<h1>Discover</h1>
<p class="heroDesc">Explore the active side of the world around you.</p>
</div>
<div class="span6">
<img src="img/landing/icontest.png" />
</div>
</div>
<div class="item">
<div class="span5">
<h1>Track</h1>
<p class="heroDesc">Keep tabs on frequency and personal bests.</p>
</div>
<div class="span6">
<img src="img/landing/icontest2.png" />
</div>
</div>
<div class="item">
<div class="span5">
<h1>Conquer</h1>
<p class="heroDesc">Earn points and awards for everything you do in your active life.</p>
</div>
<div class="span6">
<img src="img/landing/icontest3.png" />
</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control right visible-desktop" href="#walkThrough" data-slide="next">›</a>
</div>
</div> <!-- /asHero -->
<div id="asPhone">
<div id="walkThrough-2" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<div class="span5">
<h1>Discover</h1>
<p class="heroDesc">Explore the active side of the world around you.</p>
</div>
<div class="span6">
<img src="img/landing/icontest.png" />
</div>
</div>
<div class="item">
<div class="span5">
<h1>Track</h1>
<p class="heroDesc">Keep tabs on frequency and personal bests.</p>
</div>
<div class="span6">
<img src="img/landing/icontest2.png" />
</div>
</div>
<div class="item">
<div class="span5">
<h1>Conquer</h1>
<p class="heroDesc">Earn points and awards for everything you do in your active life.</p>
</div>
<div class="span6">
<img src="img/landing/icontest3.png" />
</div>
</div>
</div>
<!-- Carousel nav -->
</div>
</div> <!-- /asPhone -->
Javascript へのリンクは次のとおりです: Twitter Bootstrap Carousel JS
どんな助けでも大歓迎です!