jQuery硬币滑块插件不工作

我想在我的页面上使用jQuery硬币滑块插件。我已经下载并附加了最新的Jquery到我的头文件，以及所有必要的Coin-slider文件。当最新版本的jQuery不起作用时，我下载了指令中使用的旧版本。但是，页面只是简单地叠加图像，就好像我只是插入了标签一样。jQuery硬币滑块插件不工作

所有文件的路径都是正确的。我试着按照他关于“如何安装”页面的说明，没有成功。

我相信我是以正确的顺序附加.js，所以我不确定问题是什么。

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Title</title> 
<script type="text/javascript" src="js/jquery-1.4.2.js"></script> 
<script type="text/javascript" src="js/coin-slider.min.js"></script> 
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" /> 
<link href="styles/screen.css" rel="stylesheet" type="text/css"> 
</head> 

<body> 
<header id="mainHeading"> 
<div id="headingContent"> 
<h1>Header</h1> 

</div> <!--Closes headingContent div--> 
</header> 

<article id="page-content"> 

<section> 
<hgroup> 
<h1></h1> 
<h2></h2> 
</hgroup> 

</article> 



<div id="coin-slider"> 
    <a href="img01_url" target="_blank"> 
     <img src='img01.jpg' > 
    <span> 
     Description for img01 
    </span> 
    </a> 

    <a href="img02_url"> 
     <img src='img02.jpg' > 
    <span> 
     Description for img02 
    </span> 
    </a> 

    <a href="img03_url"> 
     <img src='img03.jpg' > 
    <span> 
     Description for img03 
    </span> 
    </a> 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
$('#coin-slider').coinslider({ width: 600, height: 300, navigation: false, delay: 5000, hoverPause: true }); 
}); 
</script> 


</div> <!--Closes the main content--> 

<footer id="mainFooter"> 
<p>Footer</p> 
</footer> <!--Closes the footer--> 

</div> <!--Closes the wrapper--> 

</body> 
</html>

来源

2013-03-14 user2170893

确定coin-slider-styles.css的url不应该指向“css”子目录吗？

来源

2013-03-14 18:25:18

这应该是一个评论，因为它不回答问题。 – 2013-03-14 18:30:49

我不确定你在问什么。你是否问coin-slider-styles.css的url是否应该指向styles文件夹？ – user2170893 2013-03-14 18:51:29

jQuery硬币滑块插件不工作

回答

相关问题