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, it\'s 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

您可能感兴趣的文章:

• jquery.alert 弹出式复选框实现代码
• 基于jQuery的弹出消息插件 DivAlert之旅（一）
• 基于jQuery的消息提示插件 DivAlert之旅（二）
• JQuery的Alert消息框插件使用介绍
• jQuery)扩展jQuery系列之一 模拟alert，confirm（一）
• 基于jquery的弹出提示框始终处于窗口的居中位置（类似于alert弹出框的效果）
• 用Jquery重写windows.alert方法实现思路
• jQuery绑定事件不执行但alert后可以正常执行
• 自编jQuery插件实现模拟alert和confirm
• jQuery提示插件alertify使用指南
• jquery SweetAlert插件实现响应式提示框