文章/答案/技术大牛

发布

社区首页 >问答首页 >Slick Carousel不工作

问Slick Carousel不工作
EN

Stack Overflow用户

提问于 2014-09-23 09:30:27

回答 1查看 4.6K关注 0票数 5

我一直在尝试实现一个简单的圆滑旋转木马。

我遵循了Git页面上的说明：https://github.com/kenwheeler/slick

这是我的代码。有人能看到问题所在吗？有没有人有一个简单的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>

jquery

html

javascript

回答 1

Stack Overflow用户

发布于 2014-09-23 09:39:56

它不工作的原因是因为你正在从文件运行你的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上下文中运行代码，而不是从硬盘上的文件中运行。

票数 7

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25985501

复制

相似问题

问Slick Carousel不工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Slick Carousel不工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Slick Carousel不工作
EN