jQuery Colorbox：AJAX内容在localhost上运行良好;不在远程服务器上

Question

我正在使用Colorbox lightbox plugin在我的页面上显示带有“Outside HTML（Ajax）”的灯箱。我正在使用“示例一”中的所有默认值（来自网站）。

麻烦的是，灯箱在我的localhost机器上完美运行，但是当我在远程服务器上试用时，会显示无尽的加载图形。

我正在尝试加载的页面与我正在调用它的页面位于同一目录中，并且两者都位于我的远程服务器上与我的Web根目录相距一层的文件夹中。路径名都是相对的。

现在，我知道远程页面正在加载远程页面，因为我可以使用Safari的Developer面板查看XHR请求，并且其中包含ajax页面的所有内容; Colorbox只是没有在页面上显示它。

据我所知，我的远程服务器和localhost机器都在运行相同的托管环境（Apache 2）。

任何人都有任何想法，为什么它不能在我的远程服务器上工作但在我的本地机器上工作正常？

PS - 为了它的价值，我使用FancyBox＆amp;问题遇到了同样的问题。 FaceBox

Answer 1

是否尝试从与您的网站托管的域不同的域加载AJAX内容？如果是这样，您可能会遇到跨域XHR问题。

Answer 2

检查您提取的网页是否为HTML片段，而不是包含＆lt; html＆gt;，＆lt; head＆gt;的普通网页和其他一切。 ColorBox可能会在整页上窒息。

---

e.g。检查官方Colorbox网站上使用的example page的来源。