colorbox - 关闭父iframe并打开新的iframe灯箱

时间:2013-01-02 13:02:56

标签: jquery iframe colorbox parent-child

我使用jquery和colorbox灯箱插件在ligthbox中打开iframe。

问题是:

  1. 我点击按钮打开我的主iframe灯箱
  2. 在主iframe灯箱内 - 有一个类.flash_shareable
  3. 的按钮
  4. 当您点击时,它应关闭父级(即主iframe),然后打开一个新的iframe链接到
  5. 正在关闭父iframe,但它没有打开新的iframe。

    我的代码:

    $(document).ready(function(){
            var y = $(document.body).height();
            var x = $(document).width();
            parent.$.colorbox.resize({innerWidth:x, innerHeight:y});
    
            $('.iframe').colorbox({iframe:true}); //ligthbox
    
            $(".flash_shareable").click(function() {
            parent.$.colorbox.close();
            $.colorbox({href:"faq.html", iframe:true, width:800 + "px", height:600 + "px", open:true});
        })
    });
    

    iframe的HTML ,我试图打开另一个ligthbox:

    <button class="flash_shareable" type="button">open flash</button>
    

1 个答案:

答案 0 :(得分:0)

我修复了它,但我仍然觉得需要一些东西^ _ ^ 它在Internet Explorer 8及以下版本中不起作用,我希望任何人都可以帮助直到?请:)

$(document).ready(function(){
        var y = $(document.body).height();
        var x = $(document).width();
        parent.$.colorbox.resize({innerWidth:x, innerHeight:y});

        $('.iframe').colorbox({iframe:true}); //ligthbox

        $(".flash_shareable").click(function() {

        $.colorbox({href:"faq.html", iframe:true, open:true});
    })
});