完成的效果如下：
html代码如下：
js代码如下：
$("#btn").click(function(){ //调用 show_confirm('提示', '数据提交中',certain,cancel); }); //显示弹窗函数 function show_confirm(title, msg ,ok_callback,cancel_callback) { $("#isConfirm").val('false'); $("#myModalLabel").text(title);//这里设置弹窗的标头 $("#modal_con").text(msg);//设置提示的信息 $("#confirm_like").modal({ //显示弹窗 show : true, //backdrop : true,去掉遮罩层 }); //确定按钮事件函数 $("#ok_btn").click(function(){ if($.isFunction(ok_callback)){ $('#confirm_like').off('hidden.bs.modal'); //解绑事件，防止多次绑定 $('#confirm_like').on('hidden.bs.modal', function(){ok_callback("这是确定");}); } }); //取消按钮事件函数 $("#cancel_btn").click(function(){ if($.isFunction(cancel_callback)){ $('#confirm_like').off('hidden.bs.modal'); $('#confirm_like').on('hidden.bs.modal', function(){cancel_callback();}); } }); //弹窗的关闭按钮事件函数 $("#confirm_like .close").click(function(){ if($.isFunction(cancel_callback)){ $('#confirm_like').off('hidden.bs.modal'); $('#confirm_like').on('hidden.bs.modal', function(){cancel_callback();}); } }); } function certain(str){ alert(str); } function cancel(){ alert("这是取消"); }