jQuery UI dialog picking title from cache.

Question

Here is the code I'm using

http://jsbin.com/evike5/edit

When the jQuery UI dialog is fired second time. The updated title is not shown.

Am I doing something wrong?

Answer 1

This is because you're opening the same dialog, for it to take effect you either need to destroy the old dialog, like this:

$("#hello").dialog('destroy').attr("title", "Helloooooooo!")

Try it here.

Or just set the title and button behavior without re-creating the dialog, like this for your OK button:

OK: function () {
  $(this).dialog("close")
         .dialog("option", { 
           buttons: {
             OK: function () {
               $(this).dialog("close");
             }
           }, 
           title: "Helloooooooo!" 
       }).dialog("open");
}

You can give that a try here.