Javascript 滑溜转盘不工作_Javascript_Jquery_Html

Javascript 滑溜转盘不工作

javascript jquery html

Javascript 滑溜转盘不工作,javascript,jquery,html,Javascript,Jquery,Html,我一直在尝试一个简单的实现光滑的旋转木马工作我已经按照Git页面上的说明进行了操作：这是我的密码。有人能看到问题吗？有没有人有一个简单的slick工作代码示例 <html> <head> <title>My Now Amazing Webpage</title> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/

我一直在尝试一个简单的实现光滑的旋转木马工作

我已经按照Git页面上的说明进行了操作：

这是我的密码。有人能看到问题吗？有没有人有一个简单的slick工作代码示例

<html>
    <head>
    <title>My Now Amazing Webpage</title>
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/>
    </head>
    <body style="background-color: lightblue">

    <div class="your-class">
        <div><p>test1</p></div>
        <div><p>test2</p></div>
        <div><p>test3</p></div>
    </div>

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.3.7/slick.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.your-class').slick();
        });
    </script>

    </body>
</html>


我现在的精彩网页
测试1
测试2
测试3
$（文档）.ready（函数（）{
$（'.your class'）.slick（）；
});

它不起作用的原因是您正在从文件运行html。这意味着用于脚本链接的url方案是

file:

而不是

http:

因此，您的CDN链接被解析为

file://code.jquery.com/jquery-1.11.0.min.js

这显然是错误的

通过更新包含方案的所有链接，将方案硬连接到http:：

<link rel="stylesheet" type="text/css" 
  href="http://cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/>

或者从http上下文而不是从硬盘上的文件运行代码。

谢谢！更改为http后工作：