javascript - 内容未加载到 facebox

Question

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

谢谢

Answer 1

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

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

您的联系链接没有指向任何地方，因为它有 # 符号，没有其他文本。 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 放在您要获得链接的每个页面中，默认情况下它将隐藏，直到单击联系人链接。