硬币滑块不能在ASP.net服务器上运行

时间:2012-08-14 10:01:43

标签: javascript jquery asp.net webserver slider

我正在为公司制作一个网站,我想在主页上使用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/

感谢您的帮助!! :)

1 个答案:

答案 0 :(得分:0)

我建议你有一个路径问题,“/”,两台机器上的路径可能不一样。