Jquery Flickity不是一个函数

我正在尝试一个带有点击功能的自定义按钮，以转到下一张幻灯片。我的做法与此官方示例完全相同：

但我总是从控制台得到这个错误：

Uncaught TypeError: $(...).flickity is not a function

这是我的代码：

<script>
var $carousel = $('.main-carousel').flickity();

// previous
$('.button--previous').on( 'click', function() {
  $carousel.flickity('previous');
});

</script>

var$carousel=$（'.main carousel'）.flickity（）；
//先前的
$（'.button--previous'）。在（'click'，function（）上{
$carousel.flickity（'previous'）；
});

flickity滑块工作正常，但外部的按钮/链接不起作用

谢谢你的提示。

---

最好的，L

首先确保像其他注释提到的那样包括flickity.pkgd.js和jQuery库，确保在自定义代码之前而不是代码之后加载它们。如果您已经有了，那么您需要使用document ready callback并在其中初始化代码，如下所示：

<script>
jQuery(document).ready(function(){
    var $carousel = $('.main-carousel').flickity();

    // previous
    $('.button--previous').on( 'click', function() {
        $carousel.flickity('previous');
    });
})
</script> 

jQuery（文档）.ready（函数（）{
var$carousel=$（'.main carousel'）.flickity（）；
//先前的
$（'.button--previous'）。在（'click'，function（）上{
$carousel.flickity（'previous'）；
});
})

首先，确保像其他注释提到的那样包含flickity.pkgd.js和jQuery库，确保在自定义代码之前而不是代码之后加载它们。如果您已经有了，那么您需要使用document ready callback并在其中初始化代码，如下所示：

<script>
jQuery(document).ready(function(){
    var $carousel = $('.main-carousel').flickity();

    // previous
    $('.button--previous').on( 'click', function() {
        $carousel.flickity('previous');
    });
})
</script> 

jQuery（文档）.ready（函数（）{
var$carousel=$（'.main carousel'）.flickity（）；
//先前的
$（'.button--previous'）。在（'click'，function（）上{
$carousel.flickity（'previous'）；
});
})

这个对我很有用！ 非常简单，您只需先导入jquery脚本，然后再导入flickity即可。

这一个对我很有用！

---

非常简单，您只需先导入jquery脚本，然后再导入flickity。

在Chrome中对我有效。请检查代码笔中的设置。他们在页面中添加了一个脚本：

https://npmcdn.com/flickity@2/dist/flickity.pkgd.js

。这就是你缺少的。检查Rory的评论，另外检查你的jQuery文件是否在滑块的JS之后调用，如果没有，谢谢你的回答！但是我已经包括了flickity.pkgd.js，之后还有jQuery。仍然显示未捕获的TypeError:$（…）。flickity不是函数。这是网站：在Chrome中为我工作。检查代码笔中的设置。他们在页面中添加了一个脚本：

https://npmcdn.com/flickity@2/dist/flickity.pkgd.js

。这就是你缺少的。检查Rory的评论，另外检查你的jQuery文件是否在滑块的JS之后调用，如果没有，谢谢你的回答！但是我已经包括了flickity.pkgd.js，之后还有jQuery。仍然显示未捕获的TypeError:$（…）。flickity不是函数。这是一个网站：你必须把这个答案作为评论，而不是回答。它说你必须有50个声誉才能发表评论。你必须把这个答案作为评论，而不是回答。它说你必须有50个声誉才能发表评论