欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery-confirm设置按钮显示中文

程序员文章站 2022-05-31 13:29:38
...

jquery-confirm 是一个功能强大的jQuery对话框和确认框插件,使用起来非常的简单,我在使用的时候也遇到了一些问题,如何将按钮设置中文呢?查阅文档才知道,原来是通过下面的方式。
效果如下:
jquery-confirm设置按钮显示中文
代码如下:

<!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