Javascript Flickity旋转木马幻灯片编号和长度

我在我的网站上使用Flickity旋转木马，我找到了一段代码（下面的链接），可以让我看到幻灯片的编号和长度

在把它放到我的网站上之后，它就不起作用了，我在控制台上收到了这样一条消息“ReferenceError:找不到变量：Flickity”

代码：

你能帮我一下吗？在这里，你可以找到我有旋转木马的页面（仍在进行中）

---

看起来您正在用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++;
}

var计数=0；
对于（var s=0；i

---

让我知道这是怎么回事。

你能发布一些代码吗？如果没有看到你已经尝试过的东西，你在这里发布的很多东西都没有意义。（你的链接也死了。）@Parapluie谢谢你的回复。我已经更改了链接，现在是这样的[。这就是我尝试的：

var$carousel=$（'.carousel'）.flickity（）；var$carouselStatus=$（'.carousel status'）；var flkty=$carousel.data（'flickity'）；函数updateStatus（）{var cellNumber=flkty.selectedIndex+1；$carouselStatus.text（cellNumber+'/'+flkty.slides.length）；}updateStatus（）；$carousel.on（'change.flicky'，updateStatus）；

问题在于您没有包含jquery或flicky库。在加载此函数之前，您的find$也未定义。只需更改scipt加载顺序或将该文件包装在

window.onload=（function（）{

@LawrenceCherone首先感谢您的帮助。我试图更改顺序，但没有成功，但是当我添加

window.onload=（函数（）{

该错误消失了，但出现了另一个错误，仍然无法工作…抱歉，我不懂javascript，因此我可能将您所说的内容放错了位置。您可以在question@BrunoC我刚在机场呆了几天回来，尝试了你修改过的链接。这是我第一次让它工作。我能看到t在控制台中，您收到了错误

TypeError:$不是一个函数。（在“$（“.carousel”）中，“$”是未定义的）

这可能表示jQuery库冲突。当我检查时，您确实在第140行和第302行加载jQuery。请尝试删除其中一行，看看您得到了多少。另外，请注意迁移文件（第141行）.让我们知道事情的进展情况。这不是一个有价值的答案，也不被视为one@Raphael如果你有一个更好的想法，把它作为一个答案，而不是你在这里所做的，那会更有建设性。

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