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

Question

所以我试图用这里的代码向我的网站添加 flickity：

jQuery('.main-carousel').flickity({
  // options
  cellAlign: 'left',
  contain: true
});

昨天还可以，但今天由于某种原因，滑块根本不起作用，我也不知道为什么。这是我的网站供参考：https://fitnesslore.dreamhosters.com/

我尝试了互联网上的所有教程，但到目前为止没有任何效果。

Answer 1

我认为这是由于您的 flickity 脚本中的 defer 属性造成的：

您的滑块初始化代码内嵌在 head 标记中，一旦看到就会触发。因为在页面加载完成之前，您的 init 调用无法使用延迟 flickity。删除延迟或将您的初始化代码包装在 dom 就绪调用中，如下所示：

jQuery(document).ready(function(){
    jQuery('.main-carousel').flickity({
    // options
    cellAlign: 'left',
    contain: true
    });
});

在这里你可以看到我是否在页面加载滑块后在开发工具中重新添加你的初始化调用：

jquery