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="">
           <!-- 
           <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="">  
                    
        </div>  
        <div class="item active">  
                    <img src="3.jpg" alt="">        
        </div>