layui弹框的简单使用

                                                layui弹框的简单使用

 1.准备工作

首先去http://layer.layui.com/去下载layer插件:

layui弹框的简单使用

然后解压,找到layer文件夹copy到你的开发环境中图片如下:

layui弹框的简单使用

Jquery要求1.8以上,在引入layer.js就可以用了。

<script src="${ctxStatic}/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="${ctxStatic}/layer/layer.js" ></script>

准备工作完成。

2.简单弹框实例

layer.alert('收货人姓名不能为空', {icon: 5});

layer.msg('删除失败', {icon: 5});

layer.msg('设置默认地址成功', {icon: 1});

layer.confirm('确定删除选中的数据?', {title:'系统提示'},function(index){});