jquery-confirm设置按钮显示中文

最新推荐文章于 2024-08-10 07:19:26 发布

guoqianqian5812

最新推荐文章于 2024-08-10 07:19:26 发布

阅读量1.3w

点赞数 1

分类专栏： Python Web 文章标签： jquery 对话框插件

本文链接：https://blog.csdn.net/guoqianqian5812/article/details/74295865

版权

Python Web 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

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>