好用的模态框插件: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)
复制代码

 

复制代码

 

本文作者:好Wu赖

本文链接:https://www.cnblogs.com/erlongxizhu-03/p/12202637.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   好Wu赖  阅读(1764)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
💬
评论
📌
收藏
💗
关注
👍
推荐
🚀
回顶
收起