FancyBox从iframe内关闭并将父页面带到链接

Question

我发现将以下功能应用于链接onclose可以从iFrame中关闭Fancybox： parent.$.fancybox.close();

我想更进一步，让链接将父页面转到新的URL。 我尝试了以下但是它不起作用：

<a onclick="location.href='http://www.domain.com/page/';parent.$.fancybox.close();"> Close and go to page</a>

使用a href不起作用，因为onclose优先。

Answer 1

非常简单的解决方案......简直不敢相信我没想到这个!!!

<a href="http://www.domain.com/page/" target="_parent"> Close and go to page</a>

有时，我发誓，我试图让事情变得比实际更难！

Answer 2

您也可以通过在父页面上编写一个函数来完成此操作：

function closeFancyboxAndRedirectToUrl(url){
    $.fancybox.close();
    window.location = url;
}

然后在iframe中的链接上，您可以执行以下操作：

<a onclick="parent.closeFancyboxAndRedirectToUrl('http://www.domain.com/page/');">Close and go to page</a>

Answer 3

无需关闭花哨的盒子只需使用

function name(){
    self.parent.location.href='pageg.php';
}