jQuery实现摸拟alert提示框
投稿:hebedich
这篇文章主要介绍了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插件实现响应式提示框
