下面是flickity的幻灯片

这是css cdn包

<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="stylesheet" href="https://unpkg.com/flickity-fade@2/flickity-fade.css">

下面是 carousel html和脚本设置

<div class="testimonial-carousel">
     ....carousels div....
</div>

<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="https://unpkg.com/flickity-fade@2/flickity-fade.js"></script>
<script>
    $('.testimonial-carousel').flickity({
        // options
        fade: true,
        cellAlign: 'left',
        contain: true,
        prevNextButtons: false
    });
</script>

我不明白为什么这张幻灯片不起作用,只在dom中运行,就像我使用普通的flickity软件包一样

Error screenshot from my console log

推荐答案

在这里找到了答案Flickity issues

Javascript相关问答推荐

Cookie中未保存会话数据

使用JavaScript重新排序行

ChartJs未呈现

在forEach循环中获取目标而不是父对象的属性

是否可以在Photoshop CC中zoom 路径项?

无法避免UV:flat的插值:非法使用保留字"

expo 联系人:如果联系人的状态被拒绝,则请求访问联系人的权限

删除元素属性或样式属性的首选方法

当从其他文件创建类实例时,为什么工作线程不工作?

如何让SVG图标在被点击和访问后改变 colored颜色 ,并在被访问后取消点击时恢复到原来的 colored颜色 ?

按特定顺序将4个数组组合在一起,按ID分组

未找到用于 Select 器的元素:in( puppeteer 师错误)

从异步操作返回对象

由于http.get,*ngIf的延迟很大

如何在单击Search按钮时更新Reaction组件?

Node.js的Fetch()调用总是创建新的Express会话

在特定区域的图像上 Select x和y,并在其上创建边框

JSdiscord机器人为什么不工作前缀?如何决定与discord机器人的问题?

如何在点击2秒后用JavaScript动态改变按钮上的图标?

如何限制调整最小高度并转换为纯Java脚本