jQuery插件可以在localhost上运行，但在我将它发布到服务器时则不行

Posted 2021-04-09

这是第一次使用jQuery，所以我很抱歉这是一个天真的问题。我正在我的学校为这个班级设计一个网站，我正在使用Fancybox http://fancyapps.com/fancybox/。它就像我的localhost（使用MAMP）上的魅力一样，但是当我将它发布到我学校的服务器时，它就不再起作用了。当我点击图像时，它只是在新页面中打开更大版本的图像。

我在不同的浏览器和计算机上尝试过它。我检查了文件路径，检查了一切。服务器上的路径与本地目录中的路径相同。我已经尝试将jquery脚本重新定位到头部，但也没有用。

我也在使用另一个名为flexslider的jquery插件，但这是一个完全不同的页面。我网站的链接是http://nation1.aisites.com/imd311/portfolio/work.html。

任何帮助或建议都非常感谢。

答案

我的页面中有几个脚本的404，包括jquery.fancybox.pack.js。检查浏览器的调试控制台。

另一答案

在此服务器上找不到请求的URL /source/jquery.fancybox.pack.js?v=2.0.6。这是我们得到的错误。确保在正确的路径中包含所有resource files(CSS, images, JS)文件。

1. 你可以使用Firebug进行调试。
2. 您可以将谷歌CDN用于Jquery CDN For Jquery

另一答案

当您包含jQuery或其他插件时，您需要指定远程服务器的URL，而不是本地插件，或使用相对链接，或使用来自Google的直接链接。您的问题与错误的文件包含路径有关，请尝试解决此问题：

例如：

//Remote
<script type="text/javascript" src="http://www.yourserver.com/js/jquery-1.7.2.min.js"></script>
//Google
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
//Relative links
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

重要说明：您需要在任何其他插件之前包含jQuery FIRST，以便一切正常。

另一答案

更改脚本链接

/source/jquery.fancybox.css?v=2.0.6

至

/imd311/portfolio/source/jquery.fancybox.css?v=2.0.6

我认为你的localhost没有反映你的服务器环境

另一答案

fancybox.js的路径不正确。它在渲染后显示<script type="text/javascript" src="/source/jquery.fancybox.pack.js?v=2.0.6"></script>。

另一答案

我知道这篇文章已经老了，但我有同样的问题，并设法解决它。

我的网站使用HTTPS，我的jquery文件和fancybox文件的引用都在HTTP中。服务器阻止从HTTP链接导入的所有文件，因此fancybox无法正常工作。

所以只需在每个文件的路径中用https：//替换http：//。