我正在为公司制作一个网站,我想在主页上使用Jquery滑块。我正在使用Visual Studio制作网站,我正在尝试将Coin滑块实现到页面。我为它下载了文件并复制了代码,更改了图片,当我尝试在我的localhost上看到它时一切正常。但问题是,当我将它上传到服务器而不是滑块根本不工作时,它只是将图片放在彼此之下。
我正在使用的代码如下:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script type="text/javascript" src="/Jquery/coin-slider.min.js" ></script>
<link rel="stylesheet" href="/coin-slider-styles.css" type="text/css" />
并且:
<script type="text/javascript">
$(document).ready(function () {
$('#coin-slider').coinslider({ width: 759, navigation: true, delay: 5000,effect: 'straight', });
});
</script>
对于图像:
<div id="coin-slider">
<img src="Images/image1.jpg" alt="" width="759px" height="256px" />
<img src="Images/image2.jpg" alt="" width="759px" height="256px" />
<img src="Images/image3.jpg" alt="" width="759px" height="256px" />
</div>
如果我尝试使用Firefox的Web控制台查看问题,那么我会收到以下消息:
TypeError: $("#coin-slider").coinslider is not a function
当我将其上传到服务器时,我不知道出了什么问题,所以我将不胜感激。 :)我也尝试使用Nivo滑块而不是Coin滑块来查看问题是否与滑块有关但一切都是相同的 - 它在我的localhost上工作但在服务器上没有。
以下是您现在可以看到网站的链接:
http://web.bptech.dk:33001/
感谢您的帮助!! :)
答案 0 :(得分:0)
我建议你有一个路径问题,“/”,两台机器上的路径可能不一样。