好用的模态框插件: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: {
                cancelButtonClass:     'btn-default',
                确定: {
                    btnClass: 'btn-blue',
                    action:function(){
                        dele(val);
                    }},
                取消: function(){
                        console.log('取消了删除');
                }
            }
        });
    }

$.alert({
                title: '提示',
                content: '删除成功!',
                closeIcon: true,//右上角关闭小叉
                autoClose: '关闭|500',
                buttons: {
                    关闭: function () {
                        console.log('自动关闭');
                    }
                }
            });
//不带按钮的弹出框
            var jc =  $.dialog({
                title: '提示',
                content: "删除成功!"
            });
            var t1 = window.setTimeout(function() {
                jc.close();//关闭对话框
                //console.log('1秒钟之后执行了')
            },1000)

 

源码,是痛苦的,又是快乐的,如果没有这痛苦,也就没有了这快乐!
原文地址:https://www.cnblogs.com/erlongxizhu-03/p/12202637.html