Cerrar Colorbox

Question

Tengo una ventana emergente simple (no un Iframe) donde un usuario puede enviarse correos entre sí. Hay un botón Enviar para enviar la información y un botón Cancelar que debe cerrar la superposición.

Tengo algunos problemas para que el botón de cerrar funcione.

El código es el siguiente:

<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> 

He tratado tanto con parent.jQuery.colorbox.close(), jQuery.fn.colorbox.close() pero sin éxito.

Answer 1

descubrí que estaba añadiendo jQuery y colorbox dos veces, desde que fue cargado tanto en el marco y la página de llamada en la caja de colores.

Funcionó después de eliminar jQuery y Colorbox de la página de superposición, por lo que solo se incluyó.

Utilicé la idea 'sushil bharwani' y ejecuté el evento cerrado.

Answer 2

¿Su colorbox tiene un botón de cierre en la parte superior. [cerca]. En mi aplicación, cuando quiero introducir un botón cancelar para cerrar la ventana del cuadro de color desde un enlace que no sea el proporcionado por colorbox.

Hago una solución como.

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

esto hará clic en el botón de cierre predeterminado y eventualmente cerrará el colorbox.

Answer 3

¿trató de utilizar

$.fn.colorbox.close(); 

en lugar de

jQuery.colorbox.close(); 

?

Tal vez, que ya hizo esto:

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

No debe tener el problema al cerrar la caja de colores. En realidad, también tengo un colorbox en una aplicación con un botón cancelar y ese botón de cerrar que se parece a una imagen. No hay problema en absoluto.

Answer 4

Se puede utilizar:

$(window).colorbox.close(); 

Answer 5

Creo que falta o algo pequeño en su código. De lo contrario, el método de cierre funcionará como se espera. ¿Has comprobado primero que tu botón haga clic en disparar o no? Si el fuego, ¿Tienes algún error JS?

Answer 6

Quizás esto pueda ayudar: http://jsfiddle.net/fbenariac/4vuDC/18/ (Es un ejemplo simple para un botón de cierre de colorbox).

Answer 7

Por favor, intente esto.

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

Para el botón en su página iframe html.

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

Answer 8

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

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

Usando vivo trabajará

Answer 9

Esto puede ayudar a alguien .I han creado un botón de cierre personalizado. Mi botón de cierre personalizado viene en la esquina superior derecha y también puede cerrarse. Mi código:

 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(); 
     }); 
    }); 

Gracias a @sushil Bharwani, que estaba frente a un problema en el cierre de la caja de colores. Me ayudó.