Question

188

jQuery UI Dialog Auto-Close using setTimeout

rated 0 times [ 191] [ 3] / answers: 1 / hits: 34730 / 13 Years ago, mon, october 31, 2011, 12:00:00

I'm trying to have my dialog auto-close three seconds after opening. I've tried the following methods:

setTimeout($(#mydialog).dialog('close'), 3000);

Here it is in context:

$(#acknowledged-dialog).dialog({

    height: 140,

    modal: true

});



setTimeout($(#acknowledged-dialog).dialog('close'), 3000);

But with this method, it doesn't even show! I'm guessing the the close method is getting called immediately after it gets shown on the page. The log shows no errors.

I've also tried binding to the dialogopen event:

$(#acknowledged-dialog).bind('dialogopen', function(event, ui) {

    setTimeout($(this).dialog('close'), 3000);

});

$(#acknowledged-dialog).dialog({

    height: 140,

    modal: true

});

The dialog shows, but does not auto-close. No error in the logs here either.

Am I not able to use 'this' in the argument for $ in setTimeout?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

miles

Add To Favorites

Follow

Total Points: 256

Total Questions: 111

Total Answers: 104

Location: Benin

Member since Fri, Mar 24, 2023

1 Year ago

miles questions

1 TypeError: Cannot read property 'then' of undefined Jest and Nest

Sun, Jan 30, 22, 00:00, 2 Years ago

1 Example: Doughnut | Error: Uncaught ReferenceError: Utils is not defined

Tue, Apr 27, 21, 00:00, 3 Years ago

1 How to block typing e and - characters in React Hook Form input?

Fri, Apr 9, 21, 00:00, 3 Years ago

1 Environment variables in svelte + rollup

Mon, Jun 29, 20, 00:00, 4 Years ago

1 How to calculate the time left in days, hours, minutes, and seconds left to reach certain day?

Mon, Jun 22, 20, 00:00, 4 Years ago

View All

answered 13 Years ago ramiro · Accepted Answer

setTimeout is calling on the the return value of $(#mydialog).dialog(close) after 3 seconds. you want to throw the whole thing as a string, and it should work just fine. Also, I don't think you want to bind 'dialogopen' before you initialize the dialog. Below should work just fine:

$(#acknowledged-dialog).dialog({

    height: 140,

    modal: true,

    open: function(event, ui){

     setTimeout($('#acknowledged-dialog').dialog('close'),3000);

    }

});