为兼容IE8 使用layer弹框简记

项目中本来用的是sweatalert,但是不兼容ie8.这就是个大问题,所以就开始变更为layerui的弹框.

本篇文章为本人随性记录,不保证完整性和正确逻辑性.引用layerui有很多种方法,不过我就用了官网说的

所有懒猿们用的简单粗暴法.

1.首先下载layer相关文件夹,将其导入项目中(一定要是文件夹),虽然只用了layer.js.

2.之后直接在项目中引用layer.js即可.当然前提是要先引入jquery1.8以上.

3.开始直接使用,最简单的是

3.1 alert 弹框

     layer.alert("写入你想要弹出的内容即可,效果如图");

4.当然也可以稍微添加点提示性的东西,增加图标即可.

layer.alert("请选择要修改的一条记录" , { icon : 0 } );

3.2  询问框,类似于confirm.可用于删除某些重要信息时

layer.confirm('您是如何看待前端开发？',
 { btn: ['重要','奇葩'] //按钮
}, function(){
  layer.msg('的确很重要', {icon: 1});
}, function(){
  layer.msg('也可以这样', {
    time: 20000, //20s后自动关闭
    btn: ['明白了', '知道了']
  });
});

3.3 提示层,用于 加载页面等待时,或者是用于简单的提示

//提示层
layer.msg('玩命提示中');

暂时就先这样吧,先把弹框改完,后边的在慢慢看,还有好多,用到在说.