修改confirm样式

最新推荐文章于 2024-05-09 11:11:47 发布

夜泛扁舟

最新推荐文章于 2024-05-09 11:11:47 发布

阅读量1.1w

点赞数

分类专栏：技术实现

本文链接：https://blog.csdn.net/qq_38409075/article/details/104764022

版权

本文介绍了如何使用jQuery-UI的dialog插件替代默认的confirm样式，以实现更美观的删除确认提示。通过引入jQuery和jQuery-UI的相关文件，创建dialog元素，并为删除按钮添加点击事件，实现了在弹出框中显示待删除数据的名称，点击确定后执行删除操作。

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

修改confirm样式

我是怎样修改的confirm的样式

实际上我并没有修改conform的样式而是采用的jquery-ui的dialog插件

需求
在这里插入图片描述

在点这个红叉的时候删除掉一行数据并且在删除前提示要被删除的那一行的名称
原来的弹出框方式非常丑是这样的
在这里插入图片描述
table代码

<table class="table  table-bordered">
	<thead>
		<tr>
			<th width="30">#</th>
			<th width="30"><input type="checkbox"></th>
			<th>名称</th>
			<th width="100">操作</th>
		</tr>
	</thead>
<tbody>
	<c:forEach var="role" items="${pageInfo.list}" varStatus="varStatus">
		<tr>
			<td>${varStatus.index+1}</td>
			<td><input id=&