jquery - 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>

usinga href也不起作用，因为onclose优先。

score 34 · Accepted Answer

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

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

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

score 17 · Accepted Answer

您也可以通过在父页面上编写函数来做到这一点：

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

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

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

score 17 · Accepted Answer

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

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

3 回答 3