我已经在这个网站和谷歌上彻底搜索了这个问题很多小时,虽然我很足智多谋,但我找不到这个问题的解决方案,如果可以做到的话,所以任何朝着正确方向的帮助真的很酷!
我有一个窗口(主页)和一个链接,这会在该窗口中打开一个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'} }
});
});