重写jquery.confirm.js 摆脱传统alert confirm 插件供下载（一）

传统的alert和confirm确认框实在不好看，于是去网上找了个BootStrap样式的，

然后下载了一个jquery.confirm.js，但是拿过来之后发现和现有系统契合度不高，

于是做了相应更改。

首先我们现有系统页面有iframe，那么刚下载下来的插件直接应用的效果是提示框

后面的灰色遮罩层只能盖住iframe区域，但我们要的效果是盖住整个屏幕，于是做

了相应更改。

还有就是原先提供的函数样式是：

$('obj').confirm({ 
  text: message, 
  title: title, 
  confirm: function (button) { 
    callback(); 
  }, 
  confirmButton: "确定", 
  cancelButton: "取消", 
  confirmButtonClass: "btn-primary", 
  cancelButtonClass: "btn-default" 
});

这样子应用起来和系统自带的样式 alert('提示'); 相差很远，于是封装了几个函数，如：

myAlert( message, title );

myConfirm (message, callback, title);

myAlertSuccess (message, callback, title);

以上三个函数的 title 参数可以不填，那么用起来就和系统自带的 alert、confirm 很相近。

其中函数 myAlertSuccess(message, callback, title); 的应用场景是，比如你需要在点击

“确定”按钮之后刷新页面，那么我们就可以把刷新页面的操作放到回调函数callback里面，

这样做的原因是我们这个自定义的modal提示框无法像传统的alert提示框一样阻塞后续代码执行，

这时候我们就采用回调函数的形式使之保持正确的操作流程。

最后，插件的下载地址如下：

http://pan.baidu.com/s/1i3vZNaX 

要使用这个插件，页面还需引入：

<link href="Content/bootstrap.css" rel="stylesheet" /> 
<script src="Scripts/jquery-1.10.2.js"></script> 
<script src="Scripts/bootstrap.min.js"></script>

这几个文件随便都能找得到。

最后展示一下效果图：