Confirmer la fermeture Colorbox

Question

Je souhaite afficher une boîte contextuelle de confirmation simple si un utilisateur essaie de fermer la boîte de couleur. J'ai essayé ce code:

onCleanup:function(){ confirm('Are you sure'); } 

Il affiche la boîte de confirmation mais la boîte de couleur est fermée même si je clique sur "Annuler"!

Quelqu'un peut-il aider s'il vous plaît?

Answer 1

Je ne sais pas si colorbox permet d'annuler la fermeture une fois que vous avez commencé ..

Si elle l'a fait, cependant, vous devrez changer votre code pour

onCleanup:function(){ return confirm('Are you sure'); } 

Answer 2

J'ai fait quelque chose de similaire avec FancyBox. Je pense que votre meilleur pari est de lier un gestionnaire d'événements au bouton de fermeture lorsque le ColorBox est affiché:

onComplete:function(){ 
    $("#cboxClose").click(function(e) { 
    // stop any other script from firing 
    e.stopPropagation(); 
    if (confirm('Are you sure')) { 
     $.colorbox.close(); 
     // ensure that the binding is removed when closed 
     $("#cboxClose").unbind(); 
    } 
    }); 
} 

Answer 3

@Ken, votre exemple a parfaitement fonctionné pour moi ... presque. La seule modification que j'ai dû faire était de déconnecter avant de définir la fonction de clic car pour une raison quelconque, elle ignorerait mon instruction if et se fermerait toujours au premier chargement. Voici ce que j'ai mis en service pour une confirmation lors de la fermeture d'un colorbox

$(".Add").colorbox({ 
    onComplete:function(e){ 
     $("#modalForm").ajaxForm(modalOptions); 
     $("#cboxClose").unbind(); 
     $("#cboxClose").click(function(e){ 
      e.stopPropagation(); 
      if(confirm('Are you sure you want to cancel your changes?')){ 
      $.colorbox.close(); 
      $("#cboxClose").unbind();        
      }       
     }); 
    } 
    }); 

Answer 4

Il existe déjà un nice example in the FAQ of colorbox

Vous devez redéfinir colorbox » méthode proche:

var originalClose = $.colorbox.close; 
$.colorbox.close = function(){ 
    if (confirm('Do you want to close this window?')) { 
    originalClose(); 
    } 
};