油滑的旋转木马不工作 [英] Slick Carousel Not Working
问题描述
我按照Git页面上的说明操作: https://github.com/kenwheeler/slick
这里是我的代码。任何人都可以看到问题吗?有没有人有简单的浮油工作代码样本?
< html>
< head>
< title>我的惊人网页< / title>
< link rel =stylesheettype =text / csshref =// 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 / javascriptsrc =// 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 =stylesheettype =text / css
HREF = http://cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css/>
或者从http上下文而不是从HD上的文件运行代码。
I've been trying to get a simple implementation of the Slick Carousel working.
I've followed the instructions at the Git page: https://github.com/kenwheeler/slick
Here is my code. Can anyone see a problem? Does anyone have a simple working code sample for 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>
The reason it's not working is because you are running your html from file. This means that the url scheme being used for your script links is
file:
instead of
http:
so your CDN links are being resolved as
file://code.jquery.com/jquery-1.11.0.min.js
which is clearly incorrect.
Either hard-wire the scheme to http:
by updating all the links to contain a scheme:
<link rel="stylesheet" type="text/css"
href="http://cdn.jsdelivr.net/jquery.slick/1.3.7/slick.css"/>
or run your code from an http context instead of from a file on your HD.
这篇关于油滑的旋转木马不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!