表单值第二次与 jQuery UI 对话框一起显示时不可见

Question

我在jquery对话框中显示一些表单数据。当我第一次这样做时，一切正常。我可以在对话框中看到"我的值"字符串。如果我第二次重新打开对话框，表单值将不再可见。看看这个jsfiddle自己尝试一下。这是代码：

var dialog;
$("#b1").click(function(){
dialog = $("<div></div>").html("<p><input id='input1' type='text'></p>").dialog({
    autoOpen:false,
});
$("#input1").val("my value");
dialog.dialog("open");
});

此错误仅在我动态添加 html 标签时发生。如果我使用静态 html 块，一切正常。知道这里出了什么问题吗？谢谢！

Answer 1

那是因为你没有摧毁旧的

<input id='input1' type='text'>

所以当你打电话

$("#input1").val("my value");

它设置了第一个的值

<input id='input1' type='text'> 

它在 DOM 中找到。