首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Fancybox | Ajax请求不工作

Fancybox | Ajax请求不工作
EN

Stack Overflow用户
提问于 2012-06-11 03:26:49
回答 2查看 2.5K关注 0票数 3

我已经尝试了几个小时让fancybox加载一个php文件,但没有成功……

以下是详细信息:

您可以访问有问题的here的网站。当您单击每个图像旁边的“ΠαλαιάΔημοτικάΛουτρά”或“ΑρχαίοΩδείο”时,将调用Fancybox请求。

首先,通过ajax请求加载页面内容。此页面包含以下链接:

代码语言:javascript
运行
复制
<a class="area_fancybox" href="http://www.mysite/fancy_areas.php?areasName=' . $the_area . '">' . $the_area . '</a>

其中php变量是我想要传递给$the_area文件的参数,fancybox将加载该文件。现在,当页面的内容加载后,我添加了fancybox代码,如下所示。

代码语言:javascript
运行
复制
jQuery('#diethnes_festival_2012').load('../../../diethnes_festival_2012.php', function() {
  jQuery("a.area_fancybox").fancybox();
});

当你点击"area_fancybox“链接时,fancybox开始加载,但没有任何反应...

任何帮助都将不胜感激。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-06-11 03:34:11

从url开始的Fancybox ajax调用请求以www开头,而您的链接没有这一部分。如果你一开始就用www.加载你的页面,那么调用就能正常工作。这是由于浏览器的allow-control-access-policy造成的。请始终使用firebugchrome developer tools在控制台中查找错误。

票数 4
EN

Stack Overflow用户

发布于 2012-06-11 03:36:56

这是一个跨域的问题(你不允许从域mysite加载来自www.mysite的内容。您会注意到,如果您在URL中使用www访问站点,那么它将按原样工作:http://www.mysite/events-pc/pc-festival/1610-diethnes-festival-patras-2012.html

我建议在href中使用相对路径,这将使您的代码在这两种情况下都能工作:

代码语言:javascript
运行
复制
<a class="area_fancybox" href="/fancy_areas.php?areasName=Παλαιά Δημοτικά Λουτρά">Παλαιά Δημοτικά Λουτρά</a>

顺便说一句,如果你还没有尝试过Firebug,我建议你去看看--它对调试这类东西真的很有帮助。如果你使用的是Chrome,只需按下ctrl-shift-J。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10971670

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档