私はこのサイトとグーグルでこの問題を何時間も徹底的に検索しましたが、私は非常に機知に富んでいますが、この問題の解決策を見つけることができません。
ウィンドウ（メインページ）とリンクがあります。これにより、そのウィンドウ内にファンシーボックス（iframe）が開きます。別のファンシーボックス（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'} }
});
});