Call function if jQuery dialog is hidden

Question

I use jQuery UI to show a dialog, but I don't know how to call a function if dialog is closed by user. This is the code:

    function Configure_Popup() {
        $("#dialog").dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 100
            },
            hide: {
                effect: "blind",
                duration: 100
            }
        });

        $(".opener").click(function () {
            $("#dialog").dialog("open");
        });
    }

How can I do that please?

So what is not working? Looks like you have the code that opens it right? — putvande, Aug 24 '15 at 13:32
Possible duplicate http://stackoverflow.com/questions/171928/hook-into-dialog-close-event — Xavjer, Aug 24 '15 at 13:33

score 2 · Accepted Answer · answered Aug 24 '15 at 13:33

2

You should use the close event:

$("#dialog").dialog({
    autoOpen: false,
    show: {
        effect: "blind",
        duration: 100
    },
    hide: {
        effect: "blind",
        duration: 100
    },
    close: function() {
        console.log("User closed the dialog");
        // Call your function here
    }
});

answered Aug 24 '15 at 13:33

DontVoteMeDown

21,122
10
69
105

Thank's for your help – Dev pro Aug 24 '15 at 13:37

Call function if jQuery dialog is hidden

1 Answers1