JQUERY-ui boîte de dialogue bouton x de la fonction

Je suis en utilisant le jquery-ui boîte de dialogue.
Mon problème est que dès que vous cliquez sur le bouton x pour fermer la boîte de dialogue, j'ai aussi besoin pour effectuer le bouton cancel ().

Comment puis-je faire cela?

var content = 
{
    autoOpen    : false,
    modal       : true,
    width       : 350,
    minHeight   : 50,
    height      : 350,
    position    : "center",
    resizable   : false,
    draggable   : false,
    close       : function () {$(".privacy_modal").prop("checked", false);},
    buttons: 
    {
        "Cancel": function cancel() 
        { 
            $(".privacy_modal").prop("checked", false); $(this).dialog("close"); 
        },
        "Accept": function accept() 
        {
            $(".privacy_modal").prop("checked", true); $(this).dialog("close"); 
        }
    }
};

REMARQUE: à l'Aide de près ne résout pas mon problème, car il remplace la fonction lorsque j'ai cliqué sur le bouton accepter

Hiya, sup homme, vous voulez dire lorsque l'utilisateur cliquez sur X vous voulez annuler la fonction d'être appelé?
la fonction annuler() { alert("test");},
Cool, oui, voir mon post ci-dessous avec la Démo, j'espère que ça aide beforeClose est une très bonne APi pour cet usage qui pourrait être à portée de main, :)

OriginalL'auteur newbie | 2012-06-28

Vous pourriez avoir recours à une tierce partie variable (bAccepts qui est False par défaut) et le tiers de la méthode.

Lorsque l'utilisateur accepte:

Ensemble bAccepts à Vrai

Lorsque l'utilisateur annule:

Ensemble bAccepts de Faux

Quand onClose est déclenché, l'appel à la méthode doClose() qui effectue les opérations suivantes:

si bAccepts est Vrai => accepter
d'autre => annuler

Voici quelques non-testées pseudo-code. Voir code de travail.

var bAccepts = false;
var content = {
                    autoOpen    : false,
                    modal       : true,
                    width       : 350,
                    minHeight   : 50,
                    height      : 350,
                    position    : "center",
                    resizable   : false,
                    draggable   : false,
                    close       : function () { if (bAccepts) {...} else {...} },
                    buttons: {
                        "Cancel": function cancel() { bAccepts = false; $(this).dialog("close");},
                        "Accept": function accept() { bAccepts = true; $(this).dialog("close");}
             }
};

Hiya du tout mec, juste une idée, nous pouvons utiliser beforeClose comme ci-dessous démo : docs.jquery.com/UI/Dialog#event-beforeClose qui pourraient suffire. cheerios :)
cela ne fonctionne pas...
J'ai mis à jour la réponse avec le code de travail. Voir le travail de démonstration ici: jsfiddle.net/6deP4
bro :) lol vous jsfiddle ne contient que mon changement, je pense que vous avez oublié d'ajouter le vôtre, simplement rappeler lol 😛
Voir: jsfiddle.net/46ZNP/4 😉

OriginalL'auteur jonjbar

3

De travail démo http://jsfiddle.net/Ea6Hm/1/

Vous pouvez utiliser : http://docs.jquery.com/UI/Dialog#event-beforeClose

à l'aide de beforeClose vous pouvez appeler n'importe quelle fonction que vous voulez, pour invoquer devant la boîte de Dialogue fermer.

Espère que cette aide,

code
```
$(document).ready(function() {
    $('#theLink').click(function() {
        $("#forgot-dialog").dialog("open");
    });

    $("#forgot-dialog").dialog({
        modal: true,
        autoOpen: false,
        height: 255,
        width: 300,
        beforeClose: function() {
            alert("Do whatever before Close");
        },
        buttons: {
            "Retrieve": function() {
                document.forms["forgotform"].submit();
            },
            Cancel: function() {
                $(this).dialog("close");
            }
        },
    });


});
```
Si l'utilisateur veut rester sur la page actuelle, cela ne fonctionne pas: vous ne serez pas en mesure de fermer la boîte de dialogue sans déclenchement de la beforeClose événement.
Hiya @JohnRiche je pense que cela va fonctionner car beforeClose = This event is triggered when a dialog attempts to close. donc beforeClose événement va déclencher quelque funtio il appelle, anyhoo OP pourrait être en mesure de jeter plus de lumière sur ce contexte, mais la démo devrait être clair, Merci pour le commentaire,
Oui, beforeClose et proche sera appelé lorsque la boîte de dialogue est fermée, mais l'OP voulait avoir la même action effectuée lorsque vous cliquez sur Annuler et lorsque X fermer bouton est cliqué: ceci peut être réalisé par une tierce partie variable, voir ma réponse.
Yep, de rectification et de démonstration fonctionne en conséquence, Vous pouvez le voir dans démo nouveau que lorsque vous cliquez sur annuler beforeClose appellera. c'est à dire dans tous les cas lorsque la boîte de dialogue se ferme beforeClose viendra pratique donc moins alambiqué code. laissez-moi savoir si ce n'est pas clair du tout mec :)
Droite mais la façon dont vous gérer "Accepter" (Récupérer dans votre démo) est en sortant de la page, donc vous ne fermez pas la boîte de dialogue. Je ne pense pas que c'est la solution idéale si l'OP veut rester sur la page.

OriginalL'auteur Tats_innit

Vous devez vous connecter pour publier un commentaire.