内容未在facebox中加载

时间:2012-06-05 01:34:21

标签: javascript jquery html css facebox

我在使用facebox时遇到了一些麻烦,似乎无法找到解决方案。无论如何,我已正确显示所有内容并且图像正常工作但我的内容无法加载。当您单击带有rel =“facebox”标记的链接时,它会显示该框,但它只显示loading.gif而不显示我的内容。有谁知道是什么原因造成的?它可能非常简单,但我似乎无法在我的代码中找到它。以下是该页面的链接:http://www.mcallaro.com/smc/contact.html。目前我的内容是显示:阻止所以你可以看到它在那里但是一旦你关闭它并点击联系按钮你会看到我的问题。

由于

1 个答案:

答案 0 :(得分:0)

之前我没有使用过facebox,但这很可能是你的问题:

<li><a href="#" rel="facebox">Contact Us</a></li>

您的联系人链接指向no where,因为它的#符号没有其他文字。 facebox的链接与anchor linking的工作方式类似。要使其工作,您必须将链接指向页面中的div。例如:

您的链接如下所示:

<a href="#contact" rel="facebox">Contact Us</a><!-- #contact is the id of the div you are linking to -->

同一页面中的div看起来像这样:

<div id="contact">
   <!-- Your content here -->
</div>

截至目前,您的链接没有在哪里,您在具有内容类名的div中有您的联系信息。

您实际上不必单独联系我们页面。只需简单地将联系div放在您将拥有链接的每个页面中,默认情况下,它将被隐藏,直到单击联系人链接。