的fancybox關閉，並採取父頁面的鏈接

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