我正在使用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,如果这有帮助,但如果更容易,我可以使用以前的版本。
答案 0 :(得分:8)
将其添加到链接时应该足够了:
target="_parent"
链接页面现在将在父页面中打开,无需关闭fancybox,因为fancybox将被替换(它也是父页面的一部分)
答案 1 :(得分:0)
尝试使用$.fancybox.close
方法。