我正在为一家公司制作网站，我想在主页上使用 Jquery 滑块。我正在使用 Visual Studio 制作网站，并尝试在页面上实现 Coin 滑块。我为它下载了文件并复制了代码，更改了图片，当我尝试在本地主机上查看它时一切正常。但问题是，当我将它上传到服务器时，滑块根本不起作用，它只是将图片放在彼此下方。
我正在使用的代码如下：
<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/
感谢您的任何帮助！！:)