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插件实现响应式提示框