评论:根据 alert confirm 优化样式的弹窗  [查看原文]

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

 252524  665  151
当前第3页 / 共7页
    奔跑 ??0
    2016/12/2 16:12:51
    楼主我错了, 百度一下的资源很多都要积分,上面提供的不懂为什么不能用 ,附上代码。 script代码:function confirm(){ Showbo.Msg.confirm('确定要删除这个吗?',function(){ alert("删除啦!");            },function(){ alert("取消啦!"); });}html代码:<button onclick="confirm(); ">click me!!</button> 回复
    奔跑 ??0
    2016/12/2 14:12:13
    网上搜一下showBo.js 就可以下载了呗, 干嘛还要jb   是吧楼主?
        云淡风轻0
        2016/12/2 14:12:07
        你这样真的好吗
    回复
    PéiGǔangTíng0
    2016/11/2 13:11:09
    楼主 给分享一下被 !!! 非常感谢 qq 1396968024 回复
    尼古拉斯0
    2016/10/24 11:10:49

    使用方法:  

     $("#confirm").click(function(){
            Showbo.Msg.confirm('您确定删除这条记录吗?',function(flag){
                if(flag=='yes'){
                    Showbo.Msg.alert('你点击了确定!');
                }else if(flag=='no'){
                    Showbo.Msg.alert('你点击了取消!');
                }
            });
        });
        
        $("#alert").click(function(){
            Showbo.Msg.alert('您好,请先注册或登录!');
        });
    回复
    ycyreddevil0
    2016/10/18 11:10:00
    挺不错的 正好用上 回复
    SiriBen0
    2016/10/1 16:10:43
    这个插件貌似略显复杂啊 回复
    白眼狼0
    2016/9/27 18:09:10
    我想知道提示框的按钮自定义名称,怎么配置。。。。 回复
    Kevin0
    2016/8/25 14:08:45
    挺不错的,刚用上 回复
    0
    2016/8/17 17:08:07
    不错,刚好用上了,谢谢!自己把alert也添加了回调,有阻断了! 回复
    华生°?????0
    2016/8/4 16:08:39
    提示框弹出后,如果你不点击“确定”,就不能对网页做任何操作,能实现吗
        云淡风轻0
        2016/8/4 16:08:00
        隐藏关闭按钮 即可
    回复
    黑鹰猎手0
    2016/7/20 15:07:42
    是不是阻塞性的哦 回复
    younggundog0
    2016/7/19 18:07:57
    在手机上怎么不能用
        云淡风轻0
        2016/7/19 18:07:55
        修改触发方法
        白开水0
        2016/7/29 16:07:40
        触发方法怎么发?
        白开水0
        2016/7/29 16:07:24
        怎么改?
        白开水0
        2016/7/29 17:07:51
        手机上的位置怎么调都不变。
    回复
    qaz1233210
    2016/7/11 16:07:41
    提示框是在top:240px;的位置,怎么让它一直在屏幕的中间  因为我的网页很长,到下边的时候出错了,还的去上边看提示框??
        云淡风轻0
        2016/7/11 16:07:40
        你要么用JQ控制,动态改变top,这个跟插件本身没什么关系吧
        qaz1233210
        2016/7/11 16:07:18
        研究好一会了,不知道怎么写,要是能绝对定位到屏幕中间就好了 ,能帮忙 解决 一下 吗   ,谢谢 
        qaz1233210
        2016/7/11 16:07:20
        onResize: function(isResize) {
            var X = $('#dvMsgBox').position().top;
            alert(X);
            var bodyHeight = $("body").css("height").replace("px", "");
            alert(bodyHeight);
            if (isResize) Showbo.initBodyScale();
            Showbo.Msg.lightBox.style.width = Showbo.BodyScale.tx + 'px';
            Showbo.Msg.lightBox.style.height = Showbo.BodyScale.ty + 'px';
            /*Showbo.Msg.dvMsgBox.style.top=240+'px';  */
            Showbo.Msg.dvMsgBox.style.top = Showbo.BodyScale.ty - Math.floor((Showbo.BodyScale.x - Showbo.Msg.dvMsgBox.offsetWidth) / 2) + 'px';
            /*Showbo.Msg.dvMsgBox.style.left=Math.floor((Showbo.BodyScale.x-Showbo.Msg.dvMsgBox.offsetWidth)/2)+'px';*/
            Showbo.Msg.dvMsgBox.style.left = Math.floor((Showbo.BodyScale.x - Showbo.Msg.dvMsgBox.offsetWidth) / 2) + 'px';
        }
        qaz1233211
        2016/7/11 17:07:33
        var screenHeight = $(window).height();//当前浏览器窗口的 宽高    
        var scrolltop = $(document).scrollTop();//获取当前窗口距离页面顶部高度    
        var objTop = (screenHeight - Showbo.Msg.dvMsgBox.offsetHeight)/2 + scrolltop;//屏幕中间置        
        Showbo.Msg.dvMsgBox.style.top=objTop+'px';

        这样可以显示在屏幕中间。

    回复
    白天不懂夜的黑、0
    2016/6/24 10:06:06
    虽然 Showbo.Msg.confirm 能返回yes  或者 no    但是    根据 返回的yes 或者 no   来  返回 true 或  false  貌似没有阻塞,而是直接就进入了a标签的href 
        云淡风轻0
        2016/6/24 10:06:53
        。。。
        白天不懂夜的黑、0
        2016/6/24 15:06:36
        只能把A标签替换成了  button  按钮来触发单击事件了, 然后 请求跳转  也只能写在  javascript 里面了。    总之用a 标签   的单击事件 来接收返回值无论如何都会直接就 进入a href 里的地址了。。
    回复
    白天不懂夜的黑、0
    2016/6/24 9:06:33
    一点,弹出来就立马跳转了。 回复

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

取消回复