Fancybox jQuery 链接到外部页面

Question

我可能在这里问一个菜鸟问题，但我似乎找不到答案。

我已经设置了 fancybox，它的工作就像一个魅力。我将外部页面调用到 iframe 功能中。在页面上（我加载到灯箱中）有一个联系页面链接。当我点击它时，联系人页面会加载到 iframe 中。

点击“联系链接”时，我想关闭灯箱并转到联系页面。

有人可以帮我吗？提前谢谢...

Answer 1

我假设您的链接是这样的：<a href="contact.php">Contact Page</a>。 如果是这样，请尝试将其更改为以下内容：<a onClick="closeFBContact()" style="cursor: pointer;">Contact Page</a>

这段代码的作用是创建一个指向 Javascript 函数而不是实际页面的链接。我还添加了一些光标样式，以使您的 a 标签看起来仍然像一个可点击的超链接。

从那里，转到您初始化 Fancybox 的主要 Javascript 文件并编写以下内容：

function closeFBContact() {
    $.fancybox.close; //This will close the Fancybox window
    window.open("contact.php"); //This will change the page to contact.php
}

查看Fancybox's API 了解有关其公共方法的更多信息。在使用该插件时，这应该对您有所帮助。

Answer 2

只需将 target="_parent" 放在链接上，它就会像魅力一样发挥作用。这也可能是您一生中第一次使用它。