根据 alert confirm 优化样式的弹窗

所属分类：UI-对话框和灯箱,反馈,弹出层

252461 665 查看评论 (151)

分享到微信朋友圈

查看演示立即下载

插件描述：根据 alert confirm 优化样式的弹窗,很简单

主要配置代码

   alert:function(msg){  
      this.show({buttons:{yes:'确认'},msg:msg,title:'消息'});  
    },  
    confirm:function(msg,fn){  
      //fn为回调函数，参数和show方法的一致  
      this.show({buttons:{yes:'确认',no:'取消'},msg:msg,title:'提示',fn:fn});  
    },

主要代码块，主要原因是兼容性好，所以给大家分享了，confirm弹窗具有确定和取消的功能，这个功能很实用，

前台的话，使用

<input type="button" value="Showbo.Msg.alert" onclick="Showbo.Msg.alert('您好，请先注册或登录!')"/>
<input type="button" value="Showbo.Msg.confirm" onclick="Showbo.Msg.confirm('您确定删除这条记录吗？')"/>

只需在调用的时候，把alert 或者 confirm 替换成

Showbo.Msg.alert('')  or Showbo.Msg.confirm('')

是不是很简单

Html5弹幕视频播放器插件

jquery日期日历选择控件

相关插件-对话框和灯箱,反馈,弹出层

讨论这个项目（151）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

人贵有恒 0

2022/11/20 23:05:14

aniu2018 0

2022/3/29 22:26:35

香蕉你个巴啦啦能量 0

2018/9/18 12:11:47

竹林风0

2019/4/29 9:52:06

强悍

芥子(VOID)0

2019/8/13 13:59:41

强悍

marvinlin 0

2018/8/14 9:10:01

其实我是一条鱼 0

2018/5/18 15:22:09

ζ???╊??love璐╀0

2018/10/28 12:31:08

好用，还可以

寂寞剑客 0

2018/5/7 10:04:06

冰刀0

2018/11/9 9:17:48

上善若水 0

2018/4/9 18:20:17

Ricky 0

2017/12/26 14:50:05

云淡风轻1

2017/12/26 16:23:07

$("#confirm").click(function() {
    Showbo.Msg.confirm('您确定删除这条记录吗？', function(flag) {
        if (flag == 'yes') {
            Showbo.Msg.alert('你点击了确定!');
        } else if (flag == 'no') {
            Showbo.Msg.alert('你点击了取消!');
        }
    });
});