jQuery确认对话框提示插件


jQuery确认对话框提示插件
jQuery确认对话框提示插件以及确认对话框提示等js/jquery网页特效代码下载。

1. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/jAlert.js"></script>

2. HTML代码

        <div class="TotalButton">
            <div class="OneButton">只有确定按钮</div>
            <div class="TwoButton">确定和取消按钮</div>
        </div>
        <script>
            var log = console.log.bind(console);
            $(function () {
                /* 注解
                 * jAlert 和 jConfirm 总共支持四个参数, 第一个参数为弹出窗的头部区域
                  * 第二个参数为 要提示的消息
                  * 第三个参数 和 第四个参数可不传, 第三个参数如果不传默认的显示按钮内容为确定, 若传极为传递参数
                  * 第四个参数为点击按钮后执行的回调函数*/
                $(".OneButton").click(function () {
                    jAlert('提示', '你确定要关闭该弹窗么?', '确定')
                });
                $(".TwoButton").click(function () {
                    jConfirm('重要提示', '该操作不可恢复, 是否继续该操作?', '确定', function (e) {
                        log('操作成功!')
                    })
                });
            })
        </script>

相关推荐

发表评论

相关文章