Question

我正在使用JQuery UI Dialog，我似乎无法忽略关闭时对值所做的任何更改。当我打开对话框，进行任何更改然后将其关闭时，它应该将对话框刷新到我再次打开对话框之前的状态。我正在使用$('#profile_content').dialog()，其中profile_content是div块的id：

<div id='profile_content'>
 <label for="user_name">Name:</label>
 <input type="text" id="user_name" value="<?php echo $user['username'] ?>"/><br>
 <label for="user_email">Email:</label>
 <input type="text" id="user_email" value="<?php echo $user['email'] ?>"/>
</div>

Answer 1

只是显示和隐藏的<div>。我通常做的是在关闭或打开期间清除所有值。您可以拥有绑定到这些事件的函数。

Answer 2

你可以这样做。

在您的字段中，您实现了“数据”属性。

<input type="text" id="user_name" data-default-value="<?php echo $user['username'] ?>"/>

然后在打开对话框时调用它，将其设置回默认值：

$("#profile_content input").each(function() {
   $(this).val($(this).data("default-value"));
}

当我关闭它时，如何使对话框不保存我在其中所做的任何更改？

2 个答案: