Javascript 滑溜转盘不工作_Javascript_Html_Carousel

Javascript 滑溜转盘不工作

javascript html

Javascript 滑溜转盘不工作,javascript,html,carousel,Javascript,Html,Carousel,我正试图将这个圆滑的旋转木马整合到我的网站中，但我在感觉最基本的层次上遇到了很多麻烦（我是js的新手）。我的目标是有3个转盘堆叠在一起，每个转盘一次显示一个图像以下是JS小提琴：下面是我的代码：提前谢谢 <html> <head> <meta Charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/Anderson.css"> <link rel="styles

我正试图将这个圆滑的旋转木马整合到我的网站中，但我在感觉最基本的层次上遇到了很多麻烦（我是js的新手）。我的目标是有3个转盘堆叠在一起，每个转盘一次显示一个图像

以下是JS小提琴：

下面是我的代码：

提前谢谢

<html>
<head>
<meta Charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/Anderson.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>

</head>
<body>
<nav>
    <ul>
        <li><a href="fmf.html">Fantastic Mr Fox</a></li>
        <li>The Life Aquatic</li>
        <li>Home</li>
        <li>The Grand Budapest Hotel</li>
        <li>Moonrise Kingdom</li>
    </ul>
</nav>

<div class="top">

<div><img src="imgs/lifehead.png"></div>
<div><img src="imgs/moonhead.png"></div>
<div><img src="imgs/foxhead.png"></div>
<div><img src="imgs/budahead.png"></div>
</div>
</div>

<div id="torso"></div>
<div id="legs"></div>

<footer></footer>

 <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js">            <   /script>
<script type="text/javascript" src="slick/slick.min.js"></script>


 <script type="text/javascript">
    $(document).ready(function(){
        $('.top').slick({
            setting-name: setting-value
        });
    });
</script>

</body>




水生生物
家
布达佩斯大酒店
月出王国


$（文档）.ready（函数（）{
$（'.top'）。光滑({
设置名称：设置值
});
});

您展示的示例在本地引用了不可用的css和js。为了使其正常工作，您需要将/slick文件夹放在根目录中。解决此问题的一个好方法是打开开发人员控制台，确保加载了所需的资源。

您展示的示例是在本地引用不可用的css和js。为了使其正常工作，您需要将/slick文件夹放在根目录中。解决此问题的一个好方法是打开开发人员控制台，确保加载了所需的资源。

设置名称：设置值只是额外的，您需要删除它
这只是创造者举的一个例子。你应该这样做：
$(document).ready(function(){
    $('.top').slick({
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        slidesToScroll: 1
    });
});

设置名称：设置值只是多余的，您需要将其删除
这只是创造者举的一个例子。你应该这样做：
$(document).ready(function(){
    $('.top').slick({
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 1,
        slidesToScroll: 1
    });
});

您需要在//code.jquery.com前面添加http:。。。
（http://code.jquery.com...
）您需要在//code.jquery.com前面添加http:。。。
（http://code.jquery.com...
）
我知道这根线已经很旧了，但我也在努力解决这个问题
首先，在html中有许多错误（两个结束正文标记，一个结束div标记，其中不属于…）
这里有一个干净的、几乎可以正常工作的JSFIDLE代码。滑头工作（你可以用鼠标滑动div）。然而，光滑的控件元素似乎没有渲染（这就是我一直挂着的地方）

我使用外部资源添加了css、jquery和slick文件（左侧）
假设你已经放弃或解决了这个问题，也许这有助于其他人让他们的滑头工作。
我知道这根线已经很旧了，但我也在努力解决滑头的问题
首先，在html中有许多错误（两个结束正文标记，一个结束div标记，其中不属于…）
这里有一个干净的、几乎可以正常工作的JSFIDLE代码。滑头工作（你可以用鼠标滑动div）。然而，光滑的控件元素似乎没有渲染（这就是我一直挂着的地方）

我使用外部资源添加了css、jquery和slick文件（左侧）
假设你已经放弃或解决了这个问题，也许这有助于其他人顺利工作。
你能把它放在www.jsfiddle.com吗？@OliverWatkins它是。滑动条在Asp.net MVC和Asp.net Web表单中的工作示例你能把它放在www.jsfiddle.com吗？@OliverWatkins它是。滑动条在Asp.net MVC和Asp.net Web表单中的工作示例否。/
的URL将使用HTTP或HTTPS，具体取决于当前页面的协议。否。将/放在URL开头将使用HTTP或HTTPS，根据当前页面的协议，Asp.net MVC和Asp.net Web窗体中的.Slick Slider工作示例Asp.net MVC和Asp.net Web窗体中的Slick Slider工作示例Asp.net MVC和Asp.net Web窗体中的Slick Slider工作示例Asp.net MVC和Asp.net Web窗体中的Slick Slider工作示例Asp.net MVC和Asp.net Web窗体在Asp.net MVC和Asp.net Web窗体中的滑动滑块工作示例
$(document).ready(function () {
$('.top').slick({
    infinite: true,
    slidesToShow: 3,
        slidesToScroll: 1
});
});