当我尝试这段代码时，一切都运行良好。
但当我把它上传到 github 页面后，就太可怕了。
这是代码:
<!DOCTYPE html>
<html>
<head>
<title>CoffeeTech Slider</title>
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<script
src="https://code.jquery.com/jquery-3.1.1.js"
integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
crossorigin="anonymous"></script>
<script src="http://malsup.github.io/jquery.cycle.all.js"></script>
</head>
<body>
<div id="container">
<h1>CoffeeTech</h1>
<div class="slider">
<img src="img/slide1.jpg" width="640" height="426">
<img src="img/slide2.jpg" width="640" height="426">
<img src="img/slide3.jpg" width="640" height="426">
<img src="img/slide4.jpg" width="640" height="426">
<img src="img/slide5.jpg" width="640" height="426">
</div>
<ul id="nav">
<li id="prev"><a href="#">Previous</a></li>
<li id="next"><a href="#">Next</a></li>
</ul>
</div>
<script>
$(document).ready(function(){
$('.slider').cycle({
fx: 'turnDown',
pause: 1,
prev: '#prev',
next: '#next'
});
});
</script>
</body>
</html>
最佳答案
@Xufox 是对的，我在 Firefox 的控制台中有一条消息: 混合内容在加载时被阻止 http://malsup.github.io/jquery.cycle.all.js
这似乎与您的页面使用 https 并且您从 http 链接加载内容这一事实有关 More about mixed content
关于javascript - jQuery cycly 插件无法在线工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46288198/