我一直在尝试简单地实现 Slick Carousel 的工作。
我已按照 Git 页面上的说明进行操作:https://github.com/kenwheeler/slick 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>
它不起作用的原因是因为您正在从文件运行 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 上下文而不是从硬盘上的文件运行代码。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)