0

我已经在这个网站和谷歌上彻底搜索了这个问题很多小时,虽然我很足智多谋,但我找不到这个问题的解决方案,如果可以做到的话,所以任何朝着正确方向的帮助真的很酷!

我有一个窗口(主页)和一个链接,这会在该窗口中打开一个fancybox(iframe),还有另一个链接可以打开另一个fancybox(iframe),但我不想要“框架中的框架”,看起来很傻,如何关闭第一帧并保持孩子打开?

“主页”上有几个链接需要执行此操作,因此在脚本中包含 url 将不起作用(很好)

这就是我的意思... www.kamgar.nl

此链接在主页中,将打开一个花式框...

<a href="/about" class="pop_up" title="About">About</a>

这个链接在孩子中(上图),我需要它来打开(在新的花式框中)并关闭父节点(上图)

<a href="/message" class="message" title="Message">Message</a>

还有剧本...

$(document).ready(function() {
$(".pop_up").fancybox({
    maxWidth    : 700,
    maxHeight   : 1000,
    fitToView   : false,
    afterLoad   : function () { $("#content, #page").fadeOut(100); },
    afterClose  : function () { $("#content, #page").fadeIn(10); },
    width       : '50%',
    height      : '80%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'fade',
    closeEffect : 'fade',
    scrollOutside: false,
    padding     : '5',
    hideLoading : true,
    title       : false,
    nextClick   : false,
    type        : 'iframe',
    helpers     : { title : { type : 'over'} }
});
});


 $(document).ready(function() {
$(".message").fancybox({
    maxWidth    : 500,
    fitToView   : false,
    afterLoad   : function () { $("#content, #page").fadeOut(100); },
    afterClose  : function () { $("#content, #page").fadeIn(10); },
    width       : '90%',
    height      : 600,
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'fade',
    closeEffect : 'fade',
    padding     : '5',
    modal       : false,
    hideLoading : true,
    title       : false,
    nextClick   : false,
    type        : 'iframe',
    helpers     : { title : { type : 'over'} }
});
});
4

1 回答 1

0

我发现这是不可能的,但我通过触发隐藏链接来打开正在打开的页面找到了解决方法。

我知道令人困惑,但基本上该页面被调用两次而不是一次:一次为页面,然后页面通过隐藏链接通过 Fancybox 再次打开。

如果你去我的网站,我想你会明白的。

于 2013-02-11T20:40:19.640 回答