Question

Flickity 不是一个功能

2020-04-30

9199

jquery flickity

我正在尝试使用一个具有点击功能的自定义按钮来移动到下一张幻灯片。我完全按照这个官方示例进行操作： https://codepen.io/desandro/pen/emVpdz

但我总是从控制台收到此错误：

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

这是我的代码：

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

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

</script>

轻弹滑块可以完美运行，但外面的按钮/链接不行。

感谢您的任何提示。祝好，L

Answer 1

首先，确保包含 flickity.pkgd.js 和 jQuery 库，如其他评论所述，确保在自定义代码之前加载它们，而不是在代码之后。如果您已经有了，那么您需要使用文档就绪回调并在其中初始化代码，如下所示：

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

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

Answer 2

这个对我有用！而且非常简单，你只需要先导入 jquery 脚本，然后导入 flickity。

sajad alizada

2020-12-13