按照 github 中的安装文档进行操作后，Flickity-fade 滑块无法正常工作； flickity 就像常规滑块一样运行

Question

我正在关注这个 flickity slide fade 文档 FlickityFade Installation

Here is the css cdn package

<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">

Here is the carousel html and the script set up

<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 包但是，它显示如下 link 的错误

Error screenshot from my console log

Answer 1

在此处找到解决方案Flickity issues

按照 github 中的安装文档进行操作后，Flickity-fade 滑块无法正常工作； flickity 就像常规滑块一样运行

Flickity-fade slider not working after following the installation docs from github; flickity just run like the regular slider

html

javascript

css

flickity

按照 github 中的安装文档进行操作后，Flickity-fade 滑块无法正常工作； flickity 就像常规滑块一样 运行

Flickity-fade slider not working after following the installation docs from github; flickity just run like the regular slider

html

javascript

css

flickity

按照 github 中的安装文档进行操作后，Flickity-fade 滑块无法正常工作； flickity 就像常规滑块一样运行