bootstrap的Carousel问题。一个页面同时有两个轮播，只有第一个有效
<!--轮播图片-->
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="" ></li>
<li data-target="#myCarousel" data-slide-to="1" class=""></li>
<li data-target="#myCarousel" data-slide-to="2" class="active"></li>
</ol>
<div class="carousel-inner">
<div class="item">
<img src="1.jpg" alt="bootstrap的Carousel有关问题。一个页面同时有两个轮播，只有第一个有效">
<!--
<div class="carousel-caption">
<h2>Awesome caption</h2>
<p>At vero eos et accusamus</p>
</div>
-->
</div>
<div class="item">
<img src="2.jpg" alt="bootstrap的Carousel有关问题。一个页面同时有两个轮播，只有第一个有效">
</div>
<div class="item active">
<img src="3.jpg" alt="bootstrap的Carousel有关问题。一个页面同时有两个轮播，只有第一个有效">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">?</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">?</a>
</div>
<script type="text/javascript">
$('#myCarousel').carousel('next');
</script>
一个轮播没有问题，当然了还得引入bootstrap组件，这里就不演示。
我的问题是如果一个html中有两个一样的这种代码，只有第一个能轮播，怎么解决？ bootstrap Carouse.js
[解决办法]
你需要改动一下JS 因为你的两个轮播都是使用的一个JS的名
或者这么处理，你把第一个轮播隐掉，看看第二个是否轮播，轮播的话按照上述的方法更改
[解决办法]
使用框架iframe嵌入
