根据 alert confirm 优化样式的弹窗

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

 253936  666  查看评论 (151)
分享到微信朋友圈
X
根据 alert confirm 优化样式的弹窗 ie兼容6

主要配置代码

   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('')

是不是很简单

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

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

    人贵有恒 0
    2022/11/20 23:05:14
    谢谢老板哦。我正在找这个东西。😥 回复
    aniu2018 0
    2022/3/29 22:26:35
    能去掉遮罩层吗?如何去掉? 回复
    香蕉你个巴啦啦能量 0
    2018/9/18 12:11:47
    能用php调用嘛
        竹林风0
        2019/4/29 9:52:06
        强悍
        芥子(VOID)0
        2019/8/13 13:59:41
        强悍
    回复
    marvinlin 0
    2018/8/14 9:10:01
    能不能做到点击确认返回true,点击取消返回false? 回复
    其实我是一条鱼 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('你点击了取消!');
                }
            });
        });
    回复
    1颗牙Leo 0
    2017/11/23 16:57:44

    <input type="botton" id="button5" value="删除选中项目" onclick="if(!Showbo.Msg.confirm('确实要删除吗?')){return false}"/>

    怎样提交表单数据? 我改 type="submit" 不加Showbo.Msg.confirm就能弹出询问 加Showbo.Msg.之后还没弹出框就提交表单了 怎么回事 有办法解决吗?

        爱可乐0
        2019/5/12 12:36:49
        我用的a标签,怎么传递参数,而且还要带上java代码
    回复
    pengerdeng 0
    2017/11/8 20:52:29
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复