Comment ne pas fermer la boîte de Dialogue de l'INTERFACE utilisateur de jQuery?

    var error = 1;
    $(document).on('click', '.ui-icon-closethick', function(event){
        if(error == 1){
           alert('error');
           event.preventDefault();
           event.stopPropagation();
           return false;
        } 
    })

Comment ne pas fermer la boîte de Dialogue de l'INTERFACE utilisateur de jQuery? Maintenant, si je clique sur le bouton fermer (x) puis j'ai d'alerte d'erreur, mais le dialogue est en cours de fermeture.

DÉMONSTRATION EN DIRECT

Vérifier stackoverflow.com/questions/887029/... j'Espère que cela vous aide à..:) Merci Ab
stackoverflow.com/questions/887029/... Merci AB

OriginalL'auteur smooster | 2013-07-10

  1. 10

    Vous pouvez ajouter la beforeClose option à votre boîte de dialogue et retourner false:

    $("#dialog").dialog({
   beforeClose: function(){
     return false;
   }
});

    Démo: http://jsfiddle.net/UfpHz/9/

    OriginalL'auteur anmarti

  2. 5

    Eh bien, vous pouvez le faire en enlevant le bouton fermer.

    $("#YOUR_DIALOG_DOM_ID").dialog({
   closeOnEscape: false,
   open: function(event, ui)
   {
      $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
   }
});

    OriginalL'auteur Dipesh Parmar

  3. 4

    Vous pouvez utiliser le beforeClose événement pour prévenir la boîte de dialogue de fermeture.

    Comme ceci:

    $( "#dialog" ).dialog({
    beforeClose: function(){
        if(error == 1){
            alert('error');
            return false;
        } 
    }
});

    OriginalL'auteur Nikko Reyes

  4. 2

    Vous avez besoin pour rechercher des erreurs sur beforeClose événement et retour true ou false.

    var error = 1;

$(function () {
    $("#dialog").dialog({
        beforeClose: function (event, ui) {
            if (error === 1) { //in javascript you compare with ===, not ==
                alert('error');
                return false; //error, dialog will not close
            }
            return true; //no error, dialog will close
        }
    });
});

    http://jsfiddle.net/RHhwV/

    OriginalL'auteur sed

  5. 1

    Vous pouvez gérer à proximité de l'événement aussi

    $(function() {
      $( "#dialog" ).dialog({
          close: function(event,ui){
              $(this).dialog('open');
          }
      });
  });

    plus de documentation peut être trouvé à cette lien

    Démo

    OriginalL'auteur Chirag Vidani

  6. 0

    Utilisation

    beforeClose: function( event, ui ) {return false;}

    à partir de l'url : http://api.jqueryui.com/dialog/#event-beforeClose

    OriginalL'auteur Rachit Doshi

  7. 0

    Si je comprends bien, vous voulez permettre à l'utilisateur de cliquer sur le bouton " X " en haut à droite de dialogue, mais vous ne voulez pas leur permettent de fermer la fenêtre. Vous voulez probablement pour déclencher un événement différent à la place.

    Essayez cet exemple dans votre propre code avec votre propre dialogClass:

    $("#dialogId").dialog({
        dialogClass: "dialogId",
        title:     "someTitle",
        //modal:     true,
        //autoOpen:  false, 
        //resizable: false,
        //closeOnEscape: false,
        height:    500,
        width:     1000,
        open : function(event, ui){       
        },
        beforeClose: function (event, ui) {
            if ($(".dialogId .ui-dialog-titlebar-close").is(":focus")) { 
                alert('X clicked but do not close!');
                return false; //do not close dialog
            }
            return true; //close dialog
        }, 
        buttons: [
          { }
        ]
});

    Essentiellement ce qui se passe c'est là que se demandent si la boîte de dialogue du bouton X est (un.k.un. cliqué), puis on retourne faux. Vous pouvez déclencher un événement différent ici, si vous aimez, comme la création de vos propres "Êtes-vous sûr de vouloir annuler?" dialogue popup sur le dessus.

    Cheers! Bonne chance.

    Jeffrey

    OriginalL'auteur Jeff Penner