如何在Bootstrap中获取当前幻灯片的转盘总数3.3.4

Question

你好，我想在bootstrap中获得当前幻灯片的转盘数量3.3.4我已经在下面的3版本中使用过这个脚本， 0.4没有工作的任何一个可以帮助我摆脱这种局面提前 日Thnx 代码是用

var totalItems = $('.item').length; 
 
var currentIndex = $('div.active').index() + 1; 
 
$('.num').html(''+currentIndex+'/'+totalItems+''); 
 

 
$('#myCarousel').carousel({ 
 
    interval: 2000 
 
}); 
 

 
$('#myCarousel').bind('slid', function() { 
 
    currentIndex = $('div.active').index() + 1; 
 
    $('.num').html(''+currentIndex+'/'+totalItems+''); 
 
});

.container { 
 
    margin-top: 10px; 
 
} 
 
.num{ 
 
    background:#000; 
 
    color:#fff; 
 
    padding:10px; 
 
    width:50px; 
 
    text-align:center; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
 
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" rel="stylesheet"/> 
 
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<div class="container"> 
 
    <div class="well span9 columns"> 
 
     <div id="myCarousel" class="carousel slide"> 
 
      <div class="carousel-inner"> 
 
       <div class="item active"> 
 
        <img src="http://bootstrapdocs.com/v2.0.3/docs/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="" /> 
 
       </div> 
 
       <div class="item"> 
 
        <img src="http://bootstrapdocs.com/v2.0.3/docs/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="" /> 
 
       </div> 
 
       <div class="item"> 
 
        <img src="http://bootstrapdocs.com/v2.0.3/docs/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="" /> 
 
       </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> 
 
    </div> 
 
</div> 
 

 
<div class="num"></div>

，但是当我在使用版本3.3.4也没有工作，请请帮助我

Answer 1

试试这个：

$('#myCarousel').on('slide.bs.carousel', function() { 
    currentIndex = $('div.active').index() + 1; 
    $('.num').html(''+currentIndex+'/'+totalItems+''); 
});