如何打开jQuery对话框并将其标题自动设置为HTML标记中的属性？

Question

I have a div that I'm setting a title attribute on:

<div id="test" title="Test Dialog">Some test</div>

Then I open a dialog with it:

$('#test').dialog({
    title: $(this).attr('title')
});

The first time this dialog opens, the title is set successfully. However, if I close the dialog and re-open it, the title will be blank. This is because, the first time jQuery opens the dialog, it copies the element and removes the title tag. Is there a way to get the behavior I want, where it reads the title from the title attribute every time?

Answer 1

I'd do this in the open event, like so:

$("#test").dialog({
   open: function(event, ui) { 
      $(this).dialog( "option", "title", $(this).attr('title') );
   }
});