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';
}