我正在尝试在我的网站上实施Coin Slider(http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/)。但是,我无法让它发挥作用。 Firefox错误控制台显示'$未定义'。
我只知道HTML和CSS,并认为这只是复制和粘贴代码的情况。如果它很容易修复,那就太棒了,但我可能已经咬过的东西比我可以咬的更多了!
感谢您的帮助。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" type="text/css" href="../style.css" />
<style type="text/css">
</style>
</head>
<body>
<div id="wrapper">
<!-- Begin Content -->
<div id="content">
<div id='coin-slider'>
<a href="" target="">
<img src='../portfoliopages/Funpets/splashpresliced.jpg' >
<span>
Description for img01
</span>
</a>
<a href="" target="">
<img src='../portfoliopages/Funpets/eggprespliced.jpg' >
<span>
Description for imgN
</span>
</a>
<a href="" target="">
<img src='../portfoliopages/Funpets/baby.jpg' >
<span>
Description for img01
</span>
</a>
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 550,
height: 220,
spw: 7,
sph: 5,
delay: 3000,
sDelay: 30,
opacity: 0.7,
titleSpeed: 500,
effect: '',
navigation: true,
links : true,
hoverPause: true });
});
</script
</div>
</div>
<!-- End Content -->
</div>
</div>
<!-- Begin Footer --></div> </div>
<!-- End Footer -->
</body>
</html>
答案 0 :(得分:1)
当页面无法找到jQuery或jQuery在加载之前被引用时,未定义错误$是典型的。在你的实例中首先加载jQuery,所以我假设你的jQuery路径是错误的。仔细检查jquery的路径,然后可以浏览到jquery JS文件jquery-1.4.2.js
答案 1 :(得分:1)
这意味着未定义jQuery变量$
。我想你只是在没有下载jQuery的情况下进行复制。
这段特殊代码要求您下载jQuery,命名文件jquery-1.4.2.js
并将其定位在与此文件相同的位置。你也应该在那里得到coin-slider.min.js
。你可能会发现它附在教程上。
答案 2 :(得分:0)
确保加载页面时没有404错误。在firefox中启用FireBug并进入Net设置,重新加载页面并检查您的http响应(或任何其他Debugger / Inspect工具)
您可以尝试将脚本源替换为完整的URL,以测试您的代码是否正常工作:
对于Jquery:http://workshop.rs/projects/coin-slider/jquery-1.4.2.min.js
对于Coin Slider:http://workshop.rs/projects/coin-slider/coin-slider.min.js
我从Coin Slider示例/演示页面获得了完整的网址。您可以打开链接并将其下载到本地计算机。