js alert追加html,index.html

在线演示

jQuery/Zepto 页面弹窗插件

---

alert

confirm

load

tips

下载

---

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="alert.js"></script>

<script>

$.alert('弹出了一个alert对话框')

$.confirm('弹出了一个confirm对话框',function(e){

$.alert('你点击了'+(e?'确定':'取消'))

})

$.tips('显示了一条tips')

$.load('显示了一条load信息')

</script>

---

方法参数必参数说明方法说明

$.alert(msg[,fn])string是弹窗消息弹出一个只有确定按钮的对话框function否回调函数$.confirm(msg[,fn])string是弹窗消息弹出一个有确定和取消两个按钮的对话框function否回调函数$.tips(msg[,time])string是消息内容弹出一个会自动消失的tips提示框int否自动关闭的时间，仅PC浏览器有效$.load(msg)string是消息内容弹出一个没有任何操作按钮的对话框，需要手动关闭$.loaded()---关闭load对话框

最后更新日期：2016年11月30日

• 修复bug...

$(function(){

$('.demo').on('click','._alert',function(){

//alert demo

$.alert('弹出了一个alert对话框',function(){

$.alert('你点击了确定').ok('可修改按钮文本');

})

}).on('click','._confirm',function(){

//confirm demo

$.confirm('弹出了一个confirm对话框，同意才能关闭',function(e){

e||this.content('你点击了不同意')

return e;

}).cancel('不同意').ok('同意')

}).on('click','._load',function(){

//load demo

$.load();

setTimeout($.loaded,2000);

}).on('click','._tips',function(){

//tips demo

$.tips('显示了一条tips')

})

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史