Flickity 轮播幻灯片数量和长度

Question

我在我的网站中使用了 Flickity 轮播，我找到了一段代码（下面的链接），它可以让我查看幻灯片编号和长度。

https://codepen.io/desandro/pen/dpPzab

将它放在我的网站后它不起作用，我在控制台中收到此消息“ReferenceError：找不到变量：Flickity”

代码：

window.onload = (function(){
var $carousel = $('.carousel').flickity(); 
var $carouselStatus = $('.carousel-status'); 
var flkty = $carousel.data('flickity'); 
function updateStatus() { 
  var cellNumber = flkty.selectedIndex + 1; 
  $carouselStatus.text( cellNumber + '/' + flkty.slides.length ); 
} 
updateStatus(); 
$carousel.on( 'change.flickity', updateStatus );

你能帮帮我吗？在这里你可以找到我有旋转木马的页面（仍在进行中） https://crvlh.com/work/brand-identity-la-fete/

Answer 1

看起来您正在用 javascript 构建轮播数组。

要添加计数器并输出幻灯片编号，您可以在代码中的某处合并循环。我没有看到你所有的代码，所以我不能确切地告诉你如何做到这一点，但这里有一个如何构建这样一个循环的工作示例：

var count = 0;
for(var s = 0; i < flkty.length; ++s){
    [do something with the flkty array here: 
     output the index num, etc]
    count++;
}

让我知道这是怎么回事。