jquery UI dialog 缓存问题解决

最新推荐文章于 2022-11-03 17:03:49 发布

xiaosongwahaha

最新推荐文章于 2022-11-03 17:03:49 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/xiaosongwahaha/article/details/78866139

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种解决在使用Dialog组件时可能出现的属性残留问题的方法。通过克隆并销毁元素来确保每次弹窗都是干净的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

dialog如果复用一个div，第二次弹出有可能会出现第一次弹出框的属性，解决方法(见红字部分)：

function roleUpdate(roleIdentity, role) {
//解决dialog中的缓存问题
var dialogParent = $("#addDialog").parent();
var dialogOwn = $("#addDialog").clone();
dialogOwn.hide();

$("#roleIdentity").val(roleIdentity);
$("#roleIdentity").attr("disabled", "disabled");

if (role == "ROLE_ADMIN") { //比较值
$("#radioRoleAdmin").attr("checked", "checked");
}
else {
$("#radioRoleOrdinary").attr("checked", "checked");
}

$("#addDialog").dialog({
resizable: false,
height: 300,
width: 400,
title: "修改role",
modal: true,
open: function () {//去掉默认的关闭按钮
$(".ui-dialog-titlebar-close", $(this).parent()).hide();
},
close: function() {//解决dialog中的缓存问题
dialogOwn.appendTo(dialogParent);
$(this).dialog("destroy").remove();
},
buttons: {
"保存": function () {

var newRole = $('#addDialog').find('input[name="radioRole"]:checked').val();
var currentPage = $("#currentPage").val();

if (roleIdentity == "" || role == "") {
alert("用户标识、角色编码不能为空");
return;
}

var url = "roleUpdate.json?roleIdentity=" + roleIdentity + "&&newRole=" + newRole + "&&currentPage=" + currentPage;
$.ajax({
url: url,// 跳转到 action
success: function (data) {
$("#addDialog").dialog("close");
if (data.status) {
alert("修改成功");
location.reload();
}
else {
alert("修改失败。");
}

},
error: function () {
alert("异常！");
}
});

},
"取消": function () {
$("#addDialog").dialog("close");
}
}
});
}