牛骨文教育服务平台(让学习变的简单)
博文笔记

jquery-confirm设置按钮显示中文

创建时间:2017-07-04 投稿人: 浏览次数:3449

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

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。