jQuery光滑(carousel)插件无法正常工作

Car*_*los 2 javascript jquery jquery-plugins

我正在尝试将这个jQuery插件(http://kenwheeler.github.io/slick/)用于旋转木马.我尝试了很多不同的插件,但我总是遇到某种错误.所以,我坚持这一点,直到我弄清楚什么是错的.

这是我的HTML头:

<head>
    <!--[if lt IE 9]>
        <script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
    <![endif]-->
    <meta charset='utf-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <link rel="stylesheet" type="text/css" href="slick/slick.
        <script type=" text/javascript " src="slick/slick.min.js "></script>
        <script type="text/javascript " src='/js/carousel.js'></script>
</head>
Run Code Online (Sandbox Code Playgroud)

当我尝试它时,我得到了一个'未捕获的TypeError:undefined不是一个函数',在我的JS中,我调用了函数'slick'.在这里,我称之为:

<div class="slider single-items"><div></div><div></div><div></div></div>
Run Code Online (Sandbox Code Playgroud)

这是我的carousel.js:

$(document).ready(function () {
    $('.single-item').slick({
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        slidesToScroll: 1,
        autoplay: true
    });
});
Run Code Online (Sandbox Code Playgroud)

小智 8

我有类似的问题,但在我的情况下问题是:

我已经安装了由光滑的bower install slick,而不是bower install slick.js造成我必须包含在我的依赖条件完全不同的库.