Question

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

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

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

我取单选按钮的值并使用它来识别我从json数组中引用的“Name”'Definition'对。

然后我使用'Name''Definition'对来填充通常动态更新的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);

这是an example。

编辑：不必要的.dialog（'widget'）使这个答案错了。

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

1 个答案: