Fancybox jQuery链接到外部页面

时间:2012-07-03 22:39:41

标签: jquery jquery-plugins fancybox lightbox

我可能会在这里问一个noob问题,但我似乎无法找到答案。

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

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

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

2 个答案:

答案 0 :(得分: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's API了解有关其公开方法的更多信息。在使用该插件时,这应该对您有所帮助。

答案 1 :(得分:2)

只需在链接上放置target =“_ parent”,它就像魅力一样。它也可能是你第一次在生活中使用它。

相关问题