2010-09-07 48 views
23

我发现使用下列的函数的链接onclose工作的iframe内关闭的fancybox: parent.$.fancybox.close();的fancybox关闭,并采取父页面的链接

我想借此更进一步,有链接把父页面转到一个新的URL。 我试过以下,但它不工作:使用

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

a href无法正常工作或为onclose优先。

回答

33

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

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

有时候,我发誓我试图让事情比实际情况更加困难!

+0

男人,我不在乎这只是一个“谢谢”的答复。 很好,谢谢。清洁和快速解决方案。 – Luis 2016-07-11 22:29:31

17

您也可以通过编写父页面上的功能做到这一点:

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

然后iframe中的链接,你可以这样做:

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

如果您想要在调用父类中的函数以实际关闭它的模式中使用函数,这也非常有用(对于在模式关闭时显示通知内部非常有用,例如在提交表单后) – 2012-02-02 16:52:54

14

无需关闭花哨盒只是使用

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

I'已经尝试了以上所有建议,只有这个为我工作! 谢谢! – 2013-01-08 16:05:54