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

【问题标题】：Uncaught TypeError: $(...).slick is not a function未捕获的类型错误：$(...).slick 不是函数
【发布时间】：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?

标签： javascript jquery slick.js

【解决方案1】：

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

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

【讨论】：