2012-08-14 63 views
0

我为一家公司制作网站,我想在主页上使用Jquery滑块。我使用Visual Studio制作网站,并试图在页面上实施Coin滑块。我下载了它的文件并复制了代码,改变了图片,当我尝试在本地主机上看到它时,一切都很顺利。但问题是,当我将它上传到服务器而不是滑块完全不工作时,它只是将图片放在彼此之下。
,我正在使用的代码如下:硬币滑块无法在ASP.net服务器上工作

<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滑块来查看问题是否出现在滑块上,但所有内容都一样 - 它在我的本地主机上工作,但不在服务器上。

这里是链接,你可以看到该网站,因为它是现在:
http://web.bptech.dk:33001/

感谢您的帮助! :)

+0

可能是'/ jquery/coin-slider.min.js'没有找到,现在我看到.css被找到 - ether权限被拒绝。通过你的自我检查http://web.bptech.dk:33001/Jquery/coin-slider.min.js – Aristos 2012-08-14 10:04:55

+0

这可能是我没有权限更改服务器上的某些内容的问题吗?问题可能是因为服务器? – cicca 2012-08-14 11:03:24

+0

以太网是服务器上的问题,以太网文件根本不存在。你如何复制其余文件?也许你已经设置了其他的设置,不允许css和js被使用。 – Aristos 2012-08-14 11:08:50

回答

0

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

相关问题