jquery-confirm.js 弹窗插件

jquery-confirm是一款个人觉得比element Plus、ant design的dialog更美观的功能强大的弹窗插件，支持alert、prompt、confirm以及复杂的dialog等多种形式，并且支持自定义皮肤，定义各种动画效果等。这里就不一一介绍，可以点击文章末尾的预览按钮进行查看。

这里只介绍最简单的用法，更加详细的用法可以点击文章末尾的预览按钮进行查看：

1、引入jQuery，注意jQuery的版本号不能低于 1.8 版本

<script src="http://www.5imoban.net/tpl/js/jquery-3.1.0.min.js"></script>

当然，如果您需要响应式，还需要引入bootstrap，并且bootstrap的版本号不能低于 3.0

2、下载解压，在页面中引入：

<link rel="stylesheet" href="./jquery-confirm.min.css">
<script src="./jquery-confirm.min.js"></script>

3、几种常见的调用方法：

$.alert

$.alert({
    title: 'Alert!',
    content: 'Simple alert!',
});

$.confirm

$.confirm({
    title: 'Confirm!',
    content: 'Simple confirm!',
    buttons: {
        confirm: function () {
            $.alert('Confirmed!');
        },
        cancel: function () {
            $.alert('Canceled!');
        },
        somethingElse: {
            text: 'Something else',
            btnClass: 'btn-blue',
            keys: ['enter', 'shift'],
            action: function(){
                $.alert('Something else?');
            }
        }
    }
});

$.dialog

$.dialog({
    title: 'Text content!',
    content: 'Simple modal!',
});