jQuery实现摸拟alert提示框
更新时间:2016年05月22日 15:54:23 投稿: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插件实现响应式提示框
相关文章
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
这篇文章主要介绍了jquery实现仿新浪微博带动画效果弹出层代码,具有可关闭及可拖动的功能,涉及jQuery针对鼠标事件的响应及页面元素属性的变换功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10jQuery实现的Email中的收件人效果(按del键删除)
基于jquery实现的Email中的收件人效果,可通过del键删除,需要的朋友可以参考下。2011-03-03
最新评论