jquery-confirm设置按钮显示中文

来源:互联网 发布:铁十字勋章淘宝 编辑:程序博客网 时间:2024/05/21 10:02

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