jquery - Fancybox jQuery 链接到外部页面

Question

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

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

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

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

Answer 1

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

Answer 2

我假设您的链接是这样的：<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 的 API以获取有关其公共方法的更多信息。在使用该插件时，这应该对您有所帮助。