Closing Colorbox

Question

Ich habe ein einfaches Popup (nicht ein Iframe), wo ein Benutzer Mail senden kann. Es gibt eine Senden-Schaltfläche zum Senden der Informationen und eine Abbrechen-Schaltfläche, die das Overlay schließen sollte.

Ich habe einige Probleme, die Schließen-Taste zu arbeiten.

Der Code sieht wie folgt aus:

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

Ich habe versucht, mit beiden parent.jQuery.colorbox.close(), jQuery.fn.colorbox.close(), aber ohne Erfolg.

Answer 1

Ich fand heraus, dass ich jQuery und colorbox zweimal wurde hinzugefügt, da sie sowohl in dem Rahmen und dem auf der Seite calling colorbox geladen wurde.

Es funktionierte, nachdem ich jQuery und Colorbox von der Overlay-Seite entfernt, so dass es nur enthalten wurde.

Ich benutzte 'Sushil Bharwani' Idee und führte das enge Ereignis aus.

Answer 2

Hat Ihre Farbbox einen Schließknopf oben? [schließen]. In meiner Anwendung, wenn ich einen Abbrechen-Button einführen möchte, um das Colorbox-Fenster von einem anderen als dem von colorbox bereitgestellten Link zu schließen.

Ich mache einen Workaround wie.

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

Dies wird auf die Standard-Schaltfläche zum Schließen klicken und wird schließlich die Farbbox schließen.

Answer 3

Versuchen Sie

$.fn.colorbox.close(); 

statt

jQuery.colorbox.close(); 

zu benutzen?

Vielleicht hast du das schon:

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

Sie müssen nicht das Problem haben die colorbox beim Schließen. Eigentlich habe ich auch eine Farbbox in einer App mit einer Abbrechen-Schaltfläche und der Schließen-Schaltfläche, die wie ein Bild aussieht. Es gibt überhaupt kein Problem.

Answer 4

können Sie verwenden:

$(window).colorbox.close(); 

Answer 5

Ich denke, Sie vermissen oder Fehler kleine Sache in Ihrem Code. Andernfalls funktioniert die Methode close wie erwartet. Haben Sie zuerst überprüft, ob Ihr Button auf Feuer klickt oder nicht? Wenn Feuer, haben Sie einen JS-Fehler?

Answer 6

Vielleicht kann dies helfen: http://jsfiddle.net/fbenariac/4vuDC/18/ (Es ist ein einfaches Beispiel für eine Farbbox schließen Sie die Schaltfläche).

Answer 7

Bitte versuchen Sie es.

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

Für Schaltfläche auf Ihrer Iframe HTML-Seite.

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

Answer 8

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

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

Live verwenden arbeiten

Answer 9

Dies kann jemand .I helfen, eine benutzerdefinierte Schließen-Schaltfläche erstellt haben. Meine benutzerdefinierte Schließen-Schaltfläche wird oben rechts angezeigt und kann auch schließen. Mein 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(); 
     }); 
    }); 

Dank Bharwani @sushil, war ich vor Problem der colorbox beim Schließen. Es hat mir geholfen.