Fermeture de Colorbox

J'ai un simple popup (pas un Iframe) où un utilisateur peut envoyer des messages les uns aux autres. Il y a un bouton "soumettre" pour envoyer l'information et un bouton annuler qui doit fermer la superposition.

J'ai quelques difficultés à obtenir le bouton fermer pour travaux.

Le code ressemble à ceci:

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

J'ai essayé avec les deux parents.jQuery.colorbox.close(), jQuery.fn.colorbox.close() mais sans succès.

source d'informationauteur Dofs

  1. 29

    Votre colorbox ont un bouton de fermeture en haut. [fermer]. Dans mon application quand je veux introduire un bouton annuler pour fermer la colorbox fenêtre à partir d'un lien autre que déjà fournis par colorbox.

    - Je faire une solution de contournement comme.

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

    cela cliquez sur par défaut le bouton de fermeture et finira par fermer la colorbox.

  2. 13

    Vous pouvez utiliser:

    $(window).colorbox.close();
  3. 7

    S'il vous plaît essayer cette. 

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

    Pour le bouton sur votre iframe html de la page.

      <button id="button_cancel" type="button">cancel</button>
  4. 1

    J'ai découvert que j'étais l'ajout de jQuery colorbox et deux fois, il a été chargé à la fois dans le cadre et le sur la page de l'appel de colorbox.

    Il a travaillé, après je l'ai enlevé jQuery Colorbox et de la superposition de la page, alors il n'y a eu inclus.

    J'ai utilisé "sushil bharwani" l'idée, et exécutées à la clôture de l'événement.

  5. 1

    Peut-être cela peut vous aider: http://jsfiddle.net/fbenariac/4vuDC/18/ (C'est un exemple simple pour un colorbox bouton fermer).

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

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

    À l'aide de live de travail

  7. 0

    Avez-vous essayé d'utiliser

    $.fn.colorbox.close();

    au lieu de

    jQuery.colorbox.close();

    ?

    Peut-être, vous avez déjà fait:

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

    Vous ne devez pas avoir le problème à la fermeture de la colorbox. En fait, j'ai aussi un colorbox dans une application avec un bouton annuler et fermer le bouton qui ressemble à une image. Il n'y a pas de problème.

  8. 0

    Je pense que vous manque ou d'erreur de petite chose dans votre code. Sinon fermer méthode fonctionnera comme prévu. Avez-vous vérifiez d'abord que votre clic sur un bouton de feu ou pas? Si le feu, Avez-vous de JS erreur?

  9. 0

    Cela peut aider quelqu'un .J'ai créé une coutume bouton fermer . Mon custom bouton de fermeture est à venir sur le coin en haut à droite et peut en mesure de fermer également.
    Mon code :

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

    Grâce à @sushil bharwani , j'ai été confronté à problème à la fermeture de la colorbox. Il m'a aidé.