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

Question

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

我想更进一步，让链接将父页面带到新的网址。 我已经尝试了以下方法，但它不起作用：

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