引导程序 3 轮播上的计数器未显示正确数量的幻灯片

我有一个 Twitter 引导 3 轮播，并且有一些 javascript 来显示当前幻灯片和轮播中的幻灯片数量。

我遇到的问题是，在轮播移动一张幻灯片之前，计数器不会显示计数，然后正确显示。（例如，ist 应该在加载时显示 1/（幻灯片数量），但在您单击轮播导航箭头之前它不会显示任何内容。

我在下面添加了javascript代码和一个jsfiddle中的上下文示例

$('.carousel-stats').on('slid.bs.carousel', function () {
var carouselData = $(this).data('bs.carousel');
var currentIndex = carouselData.getItemIndex(carouselData.$element.find('.item.active'))
var total = carouselData.$items.length;
// display the count in a id with a tag for styling
var text = (currentIndex + 1) + " / " + total;
$('#carousel-index-stats').text(text);
});

我不确定错误是在我的实际代码中，还是只是某处的错字，但我已经盯着它看了一个小时，而且并不明智。任何帮助/指导将不胜感激。