jquery-confirm设置按钮显示中文
程序员文章站
2022-05-31 13:29:38
...
jquery-confirm 是一个功能强大的jQuery对话框和确认框插件,使用起来非常的简单,我在使用的时候也遇到了一些问题,如何将按钮设置中文呢?查阅文档才知道,原来是通过下面的方式。
效果如下:
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="./static/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="./static/jquery-confirm/css/jquery-confirm.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./static/jquery.min.js"></script>
<script type="text/javascript" src="./static/jquery-confirm/js/jquery-confirm.js"></script>
</head>
<body>
<button onclick="test_confirm()">中文按钮模态框</button>
</body>
<script type="text/javascript">
function test_confirm() {
$.confirm({
title: '提示!',
content: '将确认和取消按钮设置为中文显示!',
buttons: {
ok: {
text: "确定",
btnClass: 'btn-primary',
keys: ['enter'],
action: function(){
alert("你点击了确认按钮!")
}
},
cancel: {
text: "取消",
btnClass: 'btn-primary',
keys: ['esc'],
action:function () {
alert("你点击了取消按钮!")
}
}
}
});
}
</script>
</html>
项目地址:http://download.csdn.net/detail/guoqianqian5812/9888125
上一篇: layer的使用