Question

这是我的HTML标题：

<!-- Bootstrap css -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- Jquery slick plugin -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<link rel="stylesheet" type="text/css" href="cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>

<!-- My CSS -->
<link href="css/styles.css" rel="stylesheet">

这是我身体的一部分，我试图显示轮播也在我的javascript内容加载的地方：

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="carousel">
                <div><img src="img/slide-1.jpg"></div>
                <div><img src="img/slide-2.jpg"></div>
            </div>
        </div>
    </div>
</div>

<!-- Bootstrap JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!-- Bootstrap JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<!--Jquery Slick plugin -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"</script>

<!-- My JavaScript -->
<script src="js/scripts.js"></script>

<!-- My JQuery -->
<script src="js/jquery.js"></script>

最后是我的jquery文件：

$(document).ready(function(){
$('.carousel').slick({
    dots: true,
    infinite: true,
    speed: 300,
    slidesToShow: 2,
    slidesToScroll: 1
});
});

现在试图弄清楚这一点，所以任何帮助都非常感激。

Answer 1

代码中有一个小错过，bootstarp.min.js将需要jquery。

你需要在引导带之前加入jquery。

这是基于你的plunker

https://plnkr.co/edit/3NXz9Q69M3IxbTONg6n2?p=preview

Answer 2

这是一个似乎正在起作用的小提琴

https://jsfiddle.net/0p4fjskc/

你应该包括jquery拳头！

<!-- Bootstrap JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<!-- Bootstrap JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

无法获得JQuery插件Slick（carousel）

2 个答案: