我是 jQuery 的新手,正在尝试使用它来获得一些练习。我已使用 slidesjs.com 提供的源代码在我的本地网站上插入了一个 jQuery 图像 slider ,但它不起作用。
此外,我想让它更有条理,所以如果我要将所有 jQuery 分离到一个新文件中,我如何将我的 jQuery 页面与 html 链接起来?
以下是我的尝试:
<html>
<header>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="style2.css"></header>
<style>
/* Prevents slides from flashing */
#slides {
display:none;
}
</style>
<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>
<body>
<div class="nav-bar">
<h1 class="logo" style="vertical-align:middle">LogoHere</h1>
<ul class="nav-menu">
<li><a href="index.html" class="action">Action</a></li>
<li><a href="about.html" class="about">Who we are</a></li>
<li><a href="blog.html" class="blog">Blog</a></li>
<li><a href="services.html" class="services">Services</a></li>
<li><a href="contact.html" class="contact">Get in touch</a></li>
</ul>
<div id="slides">
<img src="hkslide1.jpg">
<img src="hkslide2.jpeg">
<img src="hkslide3.jpg">
</div>
</div>
最佳答案
js 和 css include 的正确部分还没有检查您的 include 的正确路径,如果找不到,您会在浏览器控制台中发现 404 错误。
代码:
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.slides.min.js"></script>
<link rel="stylesheet" type="text/css" href="style2.css">
</head>
如果设置正确,演示代码可以正常工作。
关于javascript - jQuery 图片幻灯片不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18773405/