关于jquery弹框实现问题

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

8个回答

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();
}
},

 自己写的代码,希望对你有用

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

if(confirm("确定吗?"))
{
    isok();
}
else{
    isnot();
}

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

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

 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();
        }
    },


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



你可以看一下这个w3school的例子

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!