油滑的旋轉木馬不工作

我一直在試圖獲得油滑的旋轉木馬工作的簡單實施。油滑的旋轉木馬不工作

我已經按照在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

油滑的旋轉木馬不工作

回答

相關問題