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

Posted 2023-03-05

【中文标题】FancyBox 从 iframe 中关闭并将父页面带到链接

【英文标题】：FancyBox close from within iframe and take parent page to the link

【发布时间】：2011-04-09 07:27:09

【问题描述】：

我发现将以下函数应用于链接 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 优先。

【参考方案1】：

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

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

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

【讨论】：

伙计，我不在乎这只是一个“谢谢”的回复。好好的，谢谢你。清洁快速的解决方案。

【参考方案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>

【讨论】：

如果您想在模态中使用调用父级中的函数来实际关闭它的函数，这也非常有用（对于在模态关闭时在父级中显示通知非常有用，例如在提交表单）

【参考方案3】：

不需要关闭花哨的盒子就可以使用

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

【讨论】：

我已经尝试了上面所有的建议，只有这个对我有用！谢谢！