油滑的旋转木马不工作

我一直在试图获得油滑的旋转木马工作的简单实施。油滑的旋转木马不工作

我已经按照在Git的页面说明：https://github.com/kenwheeler/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>

来源

2014-09-23 Steve

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

来源

2014-09-23 01:39:56 spender

谢谢！在更改为http： – Steve 2014-09-23 03:50:35

油滑的旋转木马不工作

回答

相关问题