jquery中confirm提示如何自定义标题
时间: 2024-03-13 22:45:23 浏览: 125
在 `jQuery` 中,可以使用 `jQuery UI` 的 `dialog` 方法来创建自定义对话框,并且可以通过配置选项来自定义对话框的标题。具体实现方法如下:
首先,需要在页面中引入 `jQuery` 和 `jQuery UI` 的相关文件:
```html
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
```
然后,可以使用 `dialog` 方法来创建自定义对话框,并且通过 `title` 选项来自定义对话框的标题:
```javascript
$('<div>')
.html('是否确定要执行这个操作?')
.dialog({
title: '自定义标题',
modal: true,
buttons: {
'确定': function() {
// 用户点击了确认按钮,执行操作
$(this).dialog('close')
},
'取消': function() {
// 用户点击了取消按钮,不执行操作
$(this).dialog('close')
}
}
})
```
其中,`modal` 选项表示创建的对话框是否为模态对话框,`buttons` 选项表示对话框底部的按钮,可以根据实际需要自定义按钮的文本和回调函数。
需要注意的是,使用 `jQuery UI` 的 `dialog` 方法需要先引入相关的文件,否则会抛出错误。
阅读全文