2012-07-03 111 views
0

我可能在这里问一个noob问题,但我似乎无法找到答案。Fancybox jQuery链接到外部页面

我设置了fancybox,它的工作就像一个魅力。我将外部页面调入iframe功能。在页面上(我加载到lightbox中)有一个联系页面链接。当我点击它时,联系页面会加载到iframe中。

当点击“联系链接”我想关闭灯箱并转到联系页面。

有人可以帮助我吗?在此先感谢...

回答

2

我假设你的链接是这样的:<a href="contact.php">Contact Page</a>。 如果是这样,请尝试将其更改为:<a onClick="closeFBContact()" style="cursor: pointer;">Contact Page</a>

此代码将执行的操作是链接到Javascript函数而不是实际页面。我还投掷了一些光标样式,以使您的a标记仍然看起来像一个可点击的超链接。

从那里,去到你初始化的fancybox你的主要的Javascript文件,并写入以下内容:

function closeFBContact() { 
    $.fancybox.close; //This will close the Fancybox window 
    window.open("contact.php"); //This will change the page to contact.php 
} 

退房Fancybox's API对他们的公共方法的详细信息。在使用该插件时,这应该对您有所帮助。

+0

谢谢,这个伎俩!我需要改变的唯一的事情就是将目标放在父项(Lightbox的)中的JavaScript –

+0

听起来不错汤姆!很高兴的事情为你制定。 – cereallarceny

+1

也谢谢我,这就像一个魅力,我变得非常沮丧! –

2

只需将target =“_ parent”放在链接上,它就像魅力一样。它也可能是你第一次在你的生活中使用它。

相关问题