我試圖在我的網站上實現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>
您是否確定JS文件「jquery-1.4.2.js」與HTML位於同一個目錄中? – Sirko
您可以展開該錯誤消息。當然有文件名和亞麻布附加到它。或者甚至可能是堆棧跟蹤。 – Martijn
堆棧跟蹤?這並不複雜。 '$未定義'僅表示未找到jQuery庫。此外,OP應該使用最新的jQuery,而不是1.4.2。 –