親リンクを次のように設定しています。
$(".ajax").colorbox({iframe:true, innerWidth:"470px", innerHeight:"500px"});
これにより、最初の iframe が開きます。その親 iframe 内にリンクがあります。現在、これらのリンクは、サイズ変更などを行わずに、親の Colorbox ウィンドウに新しいコンテンツをロードします。それは問題ありませんが、ウィンドウ 2 のコンテンツに必要なスペースが少ないため (親の 470px ではなく 200px 幅)、親カラーボックスの上に別のウィンドウをロードする必要があります。
これはどのように達成できますか?これまでのところ、私は試しました:
$(document).ready(function(){
$('.open_page2').colorbox({
width:"704px",
height:"800px",
iframe:true,
scrolling: false,
overlayClose: false,
photo: false,
opacity: 0.6
});
});
運がない。また、新しいウィンドウは href リンクから開く必要があることにも注意してください。