Closing Colorbox

Question

我有一個簡單的彈出框（不是Iframe），用戶可以在其中發送郵件。有一個提交按鈕發送信息和一個取消按鈕，應該關閉覆蓋。

我確實有一些麻煩讓關閉按鈕的工作。

的代碼看起來是這樣的：

<asp:Button runat="server" ID="btnCancel" Text="Cancel" /> 

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery("#<%= btnCancel.ClientID %>").click(function() { 
      jQuery.colorbox.close(); return false; 
     }); 
    }); 
</script> 

我有兩個parent.jQuery.colorbox.close（），jQuery.fn.colorbox.close（），但沒有成功嘗試。

Answer 1

我發現我加入jQuery和顏色框兩次，因爲它無論是在框架和頁面調用加載顏色框。

它從覆蓋頁面中刪除jQuery和Colorbox後工作，所以它只包括在內。

我用'sushil bharwani'的想法，並執行了關閉事件。

Answer 2

您的colorbox是否在頂部有一個關閉按鈕。 [關]。在我的應用程序中，當我想引入一個取消按鈕來關閉colorbox窗口而不是由colorbox提供的鏈接。

我做了一個類似的解決方法。

jQuery('#cboxClose').click(); 

這將點擊默認的關閉按鈕並最終關閉colorbox。

Answer 3

你嘗試使用的

$.fn.colorbox.close(); 

代替

jQuery.colorbox.close(); 

？

也許，你已經這樣做：

$("#cboxClose").click(function(){ 
     $.fn.colorbox.close();}); 

你一定不會對關閉顏色框的問題。實際上，我在應用程序中也有一個帶有取消按鈕的colorbox，該關閉按鈕看起來像一個圖像。完全沒有問題。

Answer 4

您可以使用：

$(window).colorbox.close(); 

Answer 5

我想你錯過了或在你的代碼中的小錯誤。否則close方法將按預期工作。你是否先檢查點擊按鈕是否點火？如果發生火災，你有沒有JS錯誤？

Answer 6

也許這可以幫助：http://jsfiddle.net/fbenariac/4vuDC/18/（這是一個爲顏色框關閉按鈕一個簡單的例子）。

Answer 7

請試試這個。

 <script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
     /* Automatically resize to content */ 
     var y = $(document.body).height(); 
     var x = $(document).width(); 
     parent.$.colorbox.resize({innerWidth:x, innerHeight:y}); 

     $("#button_cancel").click(function() { 
      parent.$.colorbox.close(); 
      return false; 
     }) 
    }); 

對於iframe html頁面上的按鈕。

<button id="button_cancel" type="button">cancel</button> 

Answer 8

$(".selected_color").live('click',function(){ 

    $(window).colorbox.close(); 
}); 

使用實時將工作

Answer 9

這可以幫助別人。我已經創建了一個自定義關閉按鈕。我的自定義關閉按鈕位於右上角，可以關閉。 我的代碼：

 jQuery(document).ready(function(){ 
     jQuery('<div id="close" style="cursor: pointer; position: absolute; top: 0; right: 30px;"><img src="../img/close.png" alt="close"/></div>').appendTo('.yourparentDiv'); 

     $("#close").click(function() { 
      jQuery('#cboxClose').click(); 
     }); 
    }); 

感謝@sushil bharwani，我就關閉顏色框面臨的問題。它幫助了我。