Jquery 设置一次后，标题属性值保持不变

我有一个部门：

<div id="dialog"></div>

我的问题是，一旦我得到正确的标题和文本，如果我调用这个方法。但是如果我再次调用它，文本会发生变化，但是对话框的标题保持不变。例如，如果我这样调用这个函数：

ui_info('First title','This is the first text');

ui_info('Next title','The text is different now');

我得到了标题“这是标题1”和文本“这是第一个文本”。如果我再这样称呼它：

ui_info('First title','This is the first text');

ui_info('Next title','The text is different now');

对于文本，我会得到“文本现在不同了”，这是我想要的，但是对于标题，我仍然得到“第一个标题”，而我希望得到“下一个标题”

使用

$（this）.dialog（'destroy'）而不是
$（this）.dialog（'close'）

演示您的版本：

已更正版本的演示：

如果仍要使用
close
方法，可以使用
open
事件，并使用对话框设置默认设置的选项设置标题，因此您将拥有：

function ui_info(title,txt)
{
  $('#dialog').text(txt).dialog({
    width: 500,
    buttons:
    [{
       text: 'OK',
       click: function ()
       {
          $(this).dialog('close');
       }
    }],
    open:function() {
        $(this).dialog('option','title',title)
    }
  });
}

请看这个新的演示
好的，我明白了。与销毁它的工作。但是你能告诉我这个的机理吗？为什么不能使用close？
销毁
完全删除对话框功能。这将使元素返回其初始前状态<代码>关闭
只会关闭对话框，让设置保持原样。当你用close方法关闭对话框后再次打开对话框时，我认为标题没有重新初始化。我不明白的是为什么它会删除文本而不是标题。请参阅我答案中的修改