2013-03-14 89 views
1

我用顏色框的iframe:如何關閉顏色框與按鈕

$(document).ready(function(){ 
    $(".iframe").colorbox({iframe:true, width:"85%", height:"65%", fastIframe:false});  
}); 

在我的第二個頁面我有一個按鈕,在這裏我想發佈一些圖像和行動後,我想關閉框架窗口。

<input type="button" id="selected" value="the_button" /> 

和腳本

$(document).ready(function() { 

    $("#selected").bind('click',function() { 

     window.setTimeout(function() 
     { 
      $.colorbox.close(); 
     }, 2500); 

     alert('hi'); 

    }); 

}); 

回答

0

試試這樣說:

$(document).ready(function() { 

    $("#selected").bind('click',function() { 

     window.setTimeout(function() 
     { 
      parent.$.colorbox.close(); 
     }, 2500); 


    }); 

}); 
+0

謝謝,@Ares,但我嘗試這一點,並沒有幫助。 我也嘗試 $( 「#選擇」)點擊(函數(){ \t \t parent.jQuery.colorbox.close();返回false; \t \t }); 它顯示錯誤「權限被拒絕訪問屬性'jquery'」 – onlinepch 2013-03-14 15:04:39

+0

如果我評論「parent.jQuery.colorbox.close();返回false;」 並把「alert('hi');」它顯示正確,沒有錯誤。 – onlinepch 2013-03-14 15:15:28

+0

什麼是html標籤#selected是? – Ares 2013-03-14 15:45:14

0

我面臨同樣的問題,我用$('#cboxClose').remove();它爲我工作。

-1

添加到您的HTML:

<a href="#" onClick="$.colorbox.close();">Close Colorbox</a>