好用的模态框插件：jQuery-Confirm.js

jQuery-confirm.js 模态框插件教程 官网：http://craftpip.github.io/jquery-confirm/

jquery-confirm使用方法参考链接　：https://www.cnblogs.com/4job/p/10669922.html

速记用法

简写thing接受两个字符串参数，第一个是对话框的内容，第二个是对话框的标题。第二个参数是可选的。

1. $.alert('Content here', 'Title here'); try me
2. $.confirm('A message', 'Title is optional'); try me
3. $.dialog('Just to let you know'); try me

 

　　//点击删除按钮弹出模态框

function modalDelete(val){
    $.confirm({
        title: "提示",//默认值'Hello'
        content: "确定要删除吗？",
        //keyboardEnabled: true,//设置快捷键
//enterKeys: 'confirm', // ENTER key
        buttons: {
            确定: function(){
                   dele(val);
            },
            取消: function(){
                    console.log('取消了删除');
            }
        }
    });
}

$.alert({
    title: '提示',
    content: '删除成功！',
    closeIcon: true,//右上角关闭小叉
autoClose: '关闭|500',
    buttons: {
        关闭: function () {
            console.log('自动关闭');
        }
    }
});