使用Fancybox,如何在父窗口中打开链接(&关闭Fancy Box)?

时间:2012-05-22 15:40:22

标签: jquery fancybox

我正在使用Fancybox打开一个弹出窗口,允许用户在两​​种不同的登录网站的方法之间进行选择。我想点击Fancybox中的任一链接关闭fancybox并在父网页中打开链接。

这可能吗?

以下是我打开FancyBox框的方式:

         $("#logonChooser").click(function () {
             $.fancybox.open({
                 href: 'LogonChooser.html',
                 type: 'iframe',
                 padding: 5
             });
         });

这是LogonChooser.html:

<head>LogonChooser.hmtl</head>
<body>
  <a href="LogInDatabase.html">Log In</a>
  <a href="LogInFacebook.html">Log In Facebook</a>
</body>

我可以像这样关闭fancybox:

<a href="LogInDatabase.html" onclick="parent.$.fancybox.close();">Log In</a>

但我没有在父页面中找到链接。我想点击其中一个链接关闭fancybox并打开产生fancybox的页面中的链接,而不是在fancybox内。 / p>

感谢任何帮助。我正在使用Fancybox 2,如果这有帮助,但如果更容易,我可以使用以前的版本。

2 个答案:

答案 0 :(得分:8)

将其添加到链接时应该足够了:

target="_parent"

链接页面现在将在父页面中打开,无需关闭fancybox,因为fancybox将被替换(它也是父页面的一部分)

答案 1 :(得分:0)

尝试使用$.fancybox.close方法。

http://fancybox.net/api