0

这是第一次使用 jQuery，所以如果这是一个幼稚的问题，我深表歉意。我正在为我学校的这门课设计一个网站，我正在使用 Fancybox http://fancyapps.com/fancybox/。它在我的本地主机上就像一个魅力（使用 MAMP），但是当我将它发布到我学校的服务器时，它就不再起作用了。当我单击图像时，它只会在新页面中打开更大版本的图像。

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

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

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

4

6 回答 6

3

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

于 2012-05-17T08:44:35.313 回答
2

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

  1. 您可以使用Firebug进行调试。
  2. 您可以使用 google CDN for Jquery CDN For Jquery
于 2012-05-17T08:46:10.200 回答
0

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

于 2012-05-17T08:52:24.410 回答
0

当您包含 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，以便一切正常工作。

于 2012-05-17T08:46:46.543 回答
0

将脚本链接从

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

至

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

我认为您的本地主机不反映您的服务器环境

于 2012-05-17T08:49:42.353 回答
0

I know this post is getting old but I had the same problem and manage to solve it.

My website use HTTPS and the references to my jquery file and the fancybox's files were in HTTP. The server blocked all the files imported from HTTP links so fancybox wasn't working.

So just replace http:// by https:// in each file's path.

于 2017-12-20T11:16:27.723 回答