html 弹窗确认,jQury提示框,弹框,确认框插件jqAlert.js(原创)

html 弹窗确认,jQury提示框,弹框,确认框插件jqAlert.js(原创)_第1张图片

ff20617b0252a94a2598425ec9f64fdc.png

插件描述:jQury提示框,弹框,确认框插件PC端+移动端通用,大小只有6K

更新时间:2018/9/13 下午4:42:18

更新说明:优化了底部提示框闪动不稳定,新增提示框自动关闭功能。

发布时间:2018-6-7 1:23

本插件提供了三种提示,第一种是底部提示,第二种和第三种是遮罩层提示框,本提示框使用PC和移动端。

使用本插件最好在body便签加上如下样式。PC:

MO:

插件使用方法:

底部提示框$('#alert1').click(function () {

//第一个参数是提示信息

//第二个(可选)参数是显示的时间,默认2000

jqAlert.Layer('我是底部提示框','2000');

});

遮罩层提示框$('#alert2').click(function () {

//第一个参数是提示信息

//第二个和第三个参数不填

jqAlert.Confirm('我是遮罩层提示框');

});

遮罩层确定框$('#alert3').click(function(e) {

//第一个参数是提示信息

//第二个参数是点击确定的回调函数,如果需要操作数据,必须传参数event

//第三个参数是获取当前事件的,不传获取不到节点

jqAlert.Confirm('确定删除吗?', function(event) {

console.log($(event).attr('id'));

console.log(event.id);

console.log(e.target.id);

}, e);

})

你可能感兴趣的:(html,弹窗确认)