jQuery实现摸拟alert提示框

页面调用JS:

$(document).ready(function() {
$(“#delete_without_layer”).click(function () {
$.tConfirm.open({body:Are you sure to delete?,type:confirm,onOk:function(){
alert(“yes”);
}});
});
$(“#delete_with_layer”).click(function () {
$.tConfirm.open({overlay:true,body:Are you sure to delete?,type:confirm,onOk:function(){
alert(“yes”);
}});
});
$(“#information”).click(function () {
$.tConfirm.open({body:This is confirm box based on fancybox!,type:info,onOk:function(){
alert(“yes”);
}});
});
$(“#success”).click(function () {
$.tConfirm.open({body:Save success!,type:success,onOk:function(){
alert(“yes”);
}});
});
$(“#error”).click(function () {
$.tConfirm.open({body:Some fields are wrong!,type:error,onOk:function(){
alert(“yes”);
}});
}); $(“#warning”).click(function () {
$.tConfirm.open({body:Someone login, its not real user!,type:warning,onOk:function(){
alert(“yes”);
}});
});
});

Figure 1. common confirm

Figure 2. confirm box with layer

Figure 3. error box

Figure 4. success box

Figure 5. warning box

源码下载：

https://github.com/tomlxq/jquery-confirm