1

親リンクを次のように設定しています。

    $(".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 リンクから開く必要があることにも注意してください。

4

0 に答える 0