sweetAlert对话框

sweetAlert对话框
可以替换JavaScript中的alert

Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮对话框插件。SweetAlert 自动居中对齐在页面中央,不管您使用的是台式电脑,手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择,可以灵活控制。项目主页: http://t4t5.github.io/sweetalert/

基本消息

成功消息!

警告消息

通过传递一个参数,你可以自定义“取消”按钮

您可以在js中很简单的实用SweetAlert,(如添加一个警告框):

$('.demo3').click(function () {
    swal({
        title: "你确定要删除此信息吗?",
        text: "删除后将无法恢复,请谨慎操作!",
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "确认删除",
        cancelButtonText: "取消",
        closeOnConfirm: false
    }, function () {
        swal({
            title: "已删除",
            text: "你已成功删除此条信息!",
            type: "success",
            showCancelButton: true,
            confirmButtonText: "确认",
            cancelButtonText: "取消",
        });
    });
});