Question

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

此测试代码运行良好：

<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不太满意，也许与航点有冲突。

感谢您的帮助。

Answer 1

在尝试使用slick()函数之前，您确实需要确保已加载Slick库。考虑到需要等待文档“就绪”，您处于正确的轨道，因为这将确保已获取Slick和jQuery库。您可以使用jQuery $()的简化形式进行检查：

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

未捕获的TypeError：$（...）。slick不是函数

1 个答案: