如何：使用 json 中的新内容更新 jQuery 对话框 div

Question

我正在尝试使用 json 数组中的新内容更新对话框的 div，但遇到问题并请求一些指导。

我输出一个 json 数组，其中包含“名称”和“定义”标签。向用户呈现单选按钮列表。当用户单击具有以下结构的单选按钮时：

<input type="radio" value="23" name="statistic" id="stat-23" />

我获取单选按钮的值并使用它来识别我从 json 数组中引用的“名称”“定义”对。

然后，我使用“名称”“定义”对来填充通常会动态更新的 div。为了实现这一点，我使用以下代码：

$('input[type=radio]').live( 'change', function(){
  if ( ! $(this).is(':checked') )
    return false;
  var stat_id = $(this).attr( 'id' ).replace( /stat-/, '' );
  refreshDefinition( stat_id );
  } );

function refreshDefinition( stat_id ) {
  var definition = definitions[ stat_id ];
  var div = $("<div id='definition'>"+definition.name+": "+definition.definition+"</div>");
  $('#definition').replaceWith( div );
  }

这在没有对话框的情况下工作正常（它按原样更新），但是，如果有某种方法合并对话框，以便当用户单击按钮时，它看起来会好得多，将出现对话框，他们可以看到“名称”“定义”对，然后可以在满意后退出。

$('#definition').dialog();

我希望上面的代码显示更新的数据，但它似乎不允许。

如果您对我如何解决这个问题或任何替代方法有任何指导，我将非常感激！

谢谢。

Answer 1

您是否尝试过更新对话框内容？

$('#definition').html(definition.name+": "+definition.definition);

这是示例。

编辑：
不必要的 .dialog('widget') 使这个答案错误。