jQuery UI ferme le dialogue dynamique ... ou juste la boîte de dialogue ouverte

Question

J'essaie de fermer une boîte de dialogue ouverte à la fin d'un appel de fonction et d'utiliser également mon élément bouton actuel pour fermer la boîte de dialogue. Voici le code qui ouvre la boîte de dialogue. Il est appelé dynamiquement en utilisant l'attribut 'rel' de '.modal_btn'. Il ouvre comme prévu:

modalDialog = function(dialogId){ 
     $(dialogId).dialog({ 
      modal: true, 
      draggable: false, 
      resizable: false, 
      width: 'auto', 
      open: function() { $(".ui-dialog-titlebar-close").hide(); } 
     }); 
    } 

    $('.modal_btn').live('click', function(){ 
     var dialogId = $(this).attr('rel'); 
     modalDialog(dialogId); 
    }); 

Maintenant, après la boîte de dialogue est ouverte, je voudrais utiliser mes éléments actuels HTML pour les boutons: un bouton Annuler et. Le bouton de sauvegarde exécute l'appel ajax et une fois l'appel ajax terminé, je voudrais fermer la boîte de dialogue. De plus, j'aimerais pouvoir fermer la boîte de dialogue en cliquant sur le bouton Annuler. Je ne peux pas sembler saisir cette fonctionnalité simple ... des idées?

Answer 1

$(dialogId).dialog('close');?

Modifier en réponse à un commentaire:

Eh bien, que diriez-vous alors. Dans votre fonction modalDialog, appliquez une classe à la boîte de dialogue elle-même: $(dialogId).addClass('currently-open-dialog').

Ensuite, votre fonction de fermeture de clic peut faire $('.currently-open-dialog').removeClass('currently-open-dialog').dialog('close');

Answer 2

deux façons de mettre du texte sur le bouton: Standard annuler et littéral. méthode d'action de base même cependant:

'Yes, Save and Exit': function() 
      { 
       callMyAjaxFuction(); 
       $(this).dialog('close'); 
          }, 
      Cancel: function() 
      { 
       $(this).dialog('close'); 
      }