web-dev-qa-db-fra.com

Fermeture du Colorbox

J'ai un simple popup (pas un Iframe) où un utilisateur peut s'envoyer du courrier. Il existe un bouton d'envoi pour envoyer les informations et un bouton d'annulation qui devrait fermer la superposition.

J'ai un peu de mal à obtenir le bouton de fermeture au travail.

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.

jquerycolorbox
12
Dofs

J'ai découvert que j ajoutais jQuery et colorbox deux fois, car il était chargé à la fois dans le cadre et dans la colorbox appelant la page.

Cela a fonctionné après que jQuery et Colorbox aient été supprimés de la page de superposition, ce qui signifie qu’il a été inclus.

J'ai utilisé l'idée de «sushil bharwani» et j'ai exécuté l'événement proche.

1
Dofs

Votre colorbox a-t-elle un bouton de fermeture en haut. [Fermer]. Dans mon application quand je veux introduire un bouton d'annulation pour fermer la fenêtre de colorbox à partir d'un lien autre que déjà fourni par colorbox.

Je fais une solution de contournement comme.

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

cela cliquera sur le bouton de fermeture par défaut et fermera éventuellement la boîte de couleurs.

29
sushil bharwani

Vous pouvez utiliser:

$(window).colorbox.close();
13
Ioannis Karadimas

S'il vous plaît essayez ceci.

     <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 page HTML iframe.

  <button id="button_cancel" type="button">cancel</button>
7
iPAS
$(".selected_color").live('click',function(){

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

Utiliser live fonctionnera

1
user950177

Cela peut peut-être aider: http://jsfiddle.net/fbenariac/4vuDC/18/ (C'est un exemple simple pour un bouton de fermeture de colorbox).

1
user731322

Avez-vous essayé d'utiliser

$.fn.colorbox.close();

au lieu de

jQuery.colorbox.close();

?

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

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

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

0
jean27

Je pense que vous manquez ou confondez petite chose dans votre code. Sinon, la méthode close fonctionnera comme prévu. Avez-vous d'abord vérifié que votre bouton cliquait ou non? En cas d'incendie, avez-vous une erreur JS?

0
Mayur bhalgama

Cela peut aider quelqu'un. J'ai créé un bouton de fermeture personnalisé. Mon bouton de fermeture personnalisé arrive dans le coin supérieur droit et peut également se fermer. 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, la fermeture de la boîte de couleurs me posait un problème. Ça m'a aidé.

0
Sthita