Search jQuery

jQuery Forum

Using jQuery UI

quantass

Modal Dialog CLOSE event Never Fires?!

in Using jQuery UI • 2 years ago

I'm using Jquery UI 1.7.2 and Jquery 1.4.4.

For the life of me i cant get the modal dialog CLOSE event to fire

$("#sigin_dialog").dialog(
    {
        modal:true,
        resizable:false,
        close:function(event,ui){alert('Closed');},
        open: function(event,ui)
        {
            alert('Opened');
        }
    });
    $("#sigin_dialog").dialog('open');

If the user clicks the X button in the top right corner i was hoping the close event would be fired but it doesnt. Any ideas why and how do i set an event on it so that i know when the dialog has closed, be it thru the ESC key or the X. What is the purpose of this "close" option if it doesnt work?

System: Firefox 3.6, Windows 7

Thanks.

Replies(4)

bohdan.ga..

Re: Modal Dialog CLOSE event Never Fires?!

2 years ago

Hi,

I just copied your code and pasted it to jsbin.com and it works as expected: http://jsbin.com/oketu4/

quantass

Re: Modal Dialog CLOSE event Never Fires?!

2 years ago

How odd. I tried again in my app and it does not work. Apparently something is confusing the UI then. I will have to dig deeper and see where the conflict is occurring. Thanks for JSBIN.

naomino

Re: Modal Dialog CLOSE event Never Fires?!

5 months ago

Have you found the reason for your problem? I seem to be having a similar issue, although this is what I am using

function edit(com, grid)
{
        $('.trSelected', grid).each(function () {
          
                var id = $(this).attr('id');
                id = id.substring(id.lastIndexOf('row') + 3);
                currentId = id;
                $('#fntype').val('Edit');
            //  var url = '/Client/Edit/' + id;            
                var url = "/Home/About/";
                $("#sform").load(url).dialog({ modal: true, width: 1200, height: 750 });

        });

    }

naomino

Re: Modal Dialog CLOSE event Never Fires?!

5 months ago

BTW, I tried to change that sample and it still worked for me

$("#sigin_dialog").dialog({

modal: true,

resizable: true,

close: function(event, ui) {

alert('Closed');

open: function(event,ui) {

alert('Opened');

}

});

$("#sigin_dialog").load("http://jsbin.com/oketu4").dialog('open');

--------------

In my code I am using the latest jquery, but I don't think it should behave differently.

I've tested that code with 1.8.4 and it still works. But for my case it doesn't. Wondering what may interfere.

Top Reply

Response title

Attachments

jQuery Forum

Modal Dialog CLOSE event Never Fires?!

Replies(4)

Re: Modal Dialog CLOSE event Never Fires?!

Re: Modal Dialog CLOSE event Never Fires?!

Re: Modal Dialog CLOSE event Never Fires?!

Re: Modal Dialog CLOSE event Never Fires?!

Statistics

Tags

Actions

Related Posts