[英]Slick Carousel Not Working
我一直試圖讓Slick Carousel的簡單實現工作。
我按照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>
它無法工作的原因是因為你從文件中運行你的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上下文而不是從HD上的文件運行代碼。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.