2013-01-02 131 views
0

我使用jQuery和colorbox lightbox插件在ligthbox中打開iframe。colorbox - 關閉父iframe並打開新的iframe lightbox

的問題是:

  1. 我點擊按鈕,它會打開我的主要的iframe收藏
  2. 主要IFRAME裏面燈箱 - 有按鈕,類.flash_shareable
  3. 當你點擊,它應該關閉父級(即主iframe),然後打開一個新的iframe,它鏈接到

它是關閉父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> 

回答

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}); 
    }) 
}); 
+0

儘量不要附加'colorbox'一個元素,如下所示:'$ .colorbox({IFRAME:真,HREF:yourUrl});'。並在'click'功能結束時修復丟失的';'。 –

+0

我剛剛測試過,它只適用於Firefox n IE9,不適用於Chrome或IE8。 – STEEL

相關問題