易樊
2016-07-12 02:05
采纳率: 100%
浏览 1.4k
已采纳

关于jquery弹框实现问题

怎么样可以弹出类似"确认 取消"样式的弹框,但里面内容是通过和不通过,点击后分别调用相应函数,通过调用isok函数,点不通过调用isnot函数,,求大神指点

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • 狗尾草4210 2016-07-19 09:13
    已采纳

    Common.openPopUpBox("您确定要发送请求查看他人日志吗?", "是", "否", OrganizeFramework.sendInfo, null, true);

    //弹出确认提示框,isClose表示点击确认后是否关闭当前弹出窗
    openPopUpBox : function(msgInfo, confirmText, cancelText, confirmFun, cancelFun, isClose) {
    $(".pop-up-box").css("margin-left", "20px");
    $(".pop-up-box").css("left", "0px");
    $(".pop-black-mask").show();
    $(".pop-up-box .pop-box-content").html(msgInfo);
    $(".pop-up-box .pop-box-btn .btn-confirm").html(confirmText);
    $(".pop-up-box .pop-box-btn .btn-cancel").html(cancelText);
    Common.popUpBoxesConfirmFun = confirmFun;
    Common.popUpBoxesCancelFun = cancelFun;
    Common.popUpBoxesIsClose = isClose;
    $(".pop-up-box").css("margin-left", -$(".pop-up-box").width() / 2);
    $(".pop-up-box").css("margin-top", -$(".pop-up-box").height() / 2);
    $(".pop-up-box").css("left", "50%");
    $(".pop-up-box").show();
    },
    //点击确认按钮
    confirmAction : function() {
    if (Common.popUpBoxesIsClose != false) {
    $(".pop-black-mask").hide();
    $(".pop-up-box").hide();
    }
    if (Common.popUpBoxesConfirmFun != undefined && Common.popUpBoxesConfirmFun != null) {
    Common.popUpBoxesConfirmFun();
    }
    },
    //点击取消按钮
    cancelAction : function() {
    $(".pop-black-mask").hide();
    $(".pop-up-box").hide();
    if (Common.popUpBoxesCancelFun != undefined && Common.popUpBoxesCancelFun != null) {
    Common.popUpBoxesCancelFun();
    }
    },

     自己写的代码,希望对你有用
    
    已采纳该答案
    打赏 评论
  • 打赏 评论
  • 圣-雄霸天下 2016-07-12 02:53

    js的confirm就可以实现这个功能了

    if(confirm("确定吗?"))
    {
        isok();
    }
    else{
        isnot();
    }
    
    打赏 评论
  • NCM1367795409 2016-07-12 03:36

    推荐你使用layer弹出层框架,那个显示和使用效果都不错

    打赏 评论
  • 微风吹过的夏天2016 2016-07-12 09:13

    这个要不就自己写样式,要不就用成熟的前端框架。如JQUERY UI ,EASYUI。。。。。。

    打赏 评论
  • 狗尾草4210 2016-07-19 09:14
     Common.openPopUpBox("您确定要发送请求查看他人日志吗?", "是", "否", OrganizeFramework.sendInfo, null, true);
    
    
     //弹出确认提示框,isClose表示点击确认后是否关闭当前弹出窗
        openPopUpBox : function(msgInfo, confirmText, cancelText, confirmFun, cancelFun, isClose) {
            $(".pop-up-box").css("margin-left", "20px");
            $(".pop-up-box").css("left", "0px");
            $(".pop-black-mask").show();
            $(".pop-up-box .pop-box-content").html(msgInfo);
            $(".pop-up-box .pop-box-btn .btn-confirm").html(confirmText);
            $(".pop-up-box .pop-box-btn .btn-cancel").html(cancelText);
            Common.popUpBoxesConfirmFun = confirmFun;
            Common.popUpBoxesCancelFun = cancelFun;
            Common.popUpBoxesIsClose = isClose;
            $(".pop-up-box").css("margin-left", -$(".pop-up-box").width() / 2);
            $(".pop-up-box").css("margin-top", -$(".pop-up-box").height() / 2);
            $(".pop-up-box").css("left", "50%");
            $(".pop-up-box").show();
        },
        //点击确认按钮
        confirmAction : function() {
            if (Common.popUpBoxesIsClose != false) {
                $(".pop-black-mask").hide();
                $(".pop-up-box").hide();
            }
            if (Common.popUpBoxesConfirmFun != undefined && Common.popUpBoxesConfirmFun != null) {
                Common.popUpBoxesConfirmFun();
            }
        },
        //点击取消按钮
        cancelAction : function() {
            $(".pop-black-mask").hide();
            $(".pop-up-box").hide();
            if (Common.popUpBoxesCancelFun != undefined && Common.popUpBoxesCancelFun != null) {
                Common.popUpBoxesCancelFun();
            }
        },
    
    打赏 评论
  • Galiyun 2016-07-22 13:25


    function show_confirm() { var r=confirm("Press a button!"); if (r==true) { alert("You pressed OK!"); } else { alert("You pressed Cancel!"); } }



    你可以看一下这个w3school的例子
    
    打赏 评论
  • judas_jia 2016-09-09 17:55

    自己在jsp上写个div弹出框的样式,两个按钮一个通过一个不通过,css样式自己定好后改成display:none;触发操作使其display:block;然后在通过和不通过分别绑定点击事件,分别调用你说的两个函数不就行了。。。这个不用使用插件吧。。。

    打赏 评论