Question

我已经在这个网站上彻底搜索了这个问题并且google了好几个小时，虽然我很有资源我找不到这个问题的解决方案，如果可以做到这一点，那么任何正确方向的帮助都会真的很酷！

我有一个窗口（主页）和一个链接，这会在该窗口中打开一个fancybox（iframe），还有另一个链接打开另一个fancybox（iframe），但我不想要一个'框架中的框架'，看起来很傻，我该如何关闭第一帧并让孩子保持开放？

“主页”上有几个链接需要执行此操作，因此在脚本中使用网址将无效（好）

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

此链接位于主页面中，将打开一个fancybox ...

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

此链接位于子级（上方）中，我需要打开（在新的fancybox中）并关闭父级（上图）

<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'} }
});
});

Answer 1

我已经发现，因为这是不可能的，但我通过触发一个隐藏的链接打开正在打开的页面找到了解决方法。

令人困惑我知道，但基本上该页面被调用两次而不是一次：一旦页面被打开，页面就会通过隐藏链接通过Fancybox本身再次打开。

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

fancybox - 关闭孩子的父母但让孩子保持开放

1 个答案: