未捕获的类型错误：$(...).slick 不是函数

Posted 2023-05-07

【中文标题】未捕获的类型错误：$(...).slick 不是函数

【英文标题】：Uncaught TypeError: $(...).slick is not a function

【发布时间】：2019-05-24 06:07:27

【问题描述】：

我正在尝试使用光滑的旋转木马，但它不起作用。

这个测试代码运行良好：

<script  src="jquery.min.js"></script>
<script  type="text/javascript" src="slick/slick.min.js"></script>
<script>
$('.slider').slick(
  slidesToShow: 1,
  slidesToScroll: 1,
  dots: true,
  infinite: true,
  cssEase: 'linear'
);
</script>

但是这段代码不起作用并回复我 $(...).slick 不是函数 :

<script src="js/noframework.waypoints.min.js"></script>
<script src="js/logo-appear.js"></script>
<script src="js/skill.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script type="text/javascript">
$('.experiences').slick(
  slidesToShow: 1,
  slidesToScroll: 1,
  dots: true,
  infinite: true,
  cssEase: 'linear'
);
</script>

我尝试更新jQuery的版本， 插入 $(document).ready(function());

我不是很擅长 jQuery，可能与航点有冲突。

感谢您的帮助。

【问题讨论】：

您是否尝试删除航点并查看会发生什么？

当我删除其他 js 文件时，它回复我“$ 未定义”

只需删除航点。

另外，您可以发布任何其他相关代码吗？这里没有足够的东西来找到问题。

您的文件不是在以下位置：js/slick.min.js?

【参考方案1】：

在尝试使用slick() 函数之前，您确实需要保证已加载 Slick 库。通过考虑需要等到文档“准备好”，您走在正确的轨道上，因为这将确保已获取 Slick 和 jQuery 库。您可以使用 jQuery $() 简写来检查：

$(function() 
    $('.experiences').slick(
        slidesToShow: 1,
        slidesToScroll: 1,
        dots: true,
        infinite: true,
        cssEase: 'linear'
    );
);