web-dev-qa-db-ja.com

FancyBoxをiframe内から閉じ、親ページをリンクに移動します

次の関数をリンクに適用すると、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>

oncloseが優先されるため、a hrefの使用も機能しません。

jqueryfancyboxhreflocation-href
23
Mr Jonny Wood

非常に簡単な解決策...私がこれを考えていなかったなんて信じられない！

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

時々、私は物事を実際よりももっと難しくしようとすることを誓います！

34
Mr Jonny Wood

ファンシーボックスを閉じる必要はありません

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

親ページで関数を記述することによってもこれを行うことができます。

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

次に、iframe内のリンクで、これを行うことができます。

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