引用layer.js，官網(wǎng)：http://layer.layui.com/
常用屬性：btn/icon/skin/time/content/yes（點(diǎn)擊確認(rèn)、提交）

常用窗體
.alert

layer.alert("內(nèi)容");
layer.alert('墨綠風(fēng)格，點(diǎn)擊確認(rèn)看深藍(lán)', {
          skin: 'layui-layer-molv'//樣式類名
          , closeBtn: 0
          }, function () {
layer.alert('偶吧深藍(lán)style', {
          skin: 'layui-layer-lan'
          , closeBtn: 0
          , shift: 2 //動(dòng)畫類型
          });
});

.confirm

layer.confirm('您是如何看待前端開發(fā)卵惦？',{
btn: ['重要', '奇葩'] //按鈕
}, function () {
layer.msg('的確很重要', { icon: 1 });
}, function () {
layer.msg('也可以這樣', {
time: 20000, //20s后自動(dòng)關(guān)閉
btn: ['明白了', '知道了']
},function() {
layer.msg('明白就好', { time: 20000 });
},function() {
           layer.msg('知道就好', { time: 20000 });
       });
});

.msg

layer.msg('hello.');

.open 自定義窗口

layer.open({
type: 1,
skin: 'layui-layer-demo',//樣式類名
btn: ["關(guān)閉"],
/*closeBtn: 0, //不顯示關(guān)閉按鈕*/
shift: 2,
shadeClose: true, //開啟遮罩關(guān)閉
content: '內(nèi)容'
});
layer.open({
    type: 2,
    title: 'layer mobile頁(yè)',
    shadeClose: true,
    shade: 0.8,
    area: ['700px','90%'],
    content: 'http://layer.layui.com/mobile/'//iframe的url
});

.html

$("#layerOpen").html('<imgsrc="/images/loading.gif"/>正在努力為您搜索，請(qǐng)稍后...');

.load 加載

$("#layerOpen").load("/Order/ProductList");

.tips
關(guān)閉layer
用一個(gè)變量存儲(chǔ)彈窗，在需要關(guān)閉的地方調(diào)用close方法

<div style="display:none;"id="layerOpen"></div>
var layerOpen = null; //彈窗變量
layerOpen=layer.open({
            type: 1,
            title: "查看XXX的詳情",
            area: ["1000px","600px"],
            content: $("#layerOpen"),
            cancel: function () {
                $("#layerOpen").html("");
            }
        });
layer.close(layerOpen);

打開自定義頁(yè)面

$("#layerOpen").html('<imgsrc="/images/loading.gif"/>正在努力為您搜索然磷，請(qǐng)稍后...');
$("#layerOpen").load("/Controller/Action");
layerOpen = layer.open({
            type: 1,
            title: "選擇XXX",
            area: ["1000px","600px"],
            content: $("#layerOpen"),
            cancel: function () {
                $("#layerOpen").html("");
            }
        });

加載頁(yè)面
保存變量，打開頁(yè)面賦值刊驴，關(guān)閉頁(yè)面

//加載layer
var load = null;
$.ajax({
    type: "POST",
    url: "/Controller/Action",
    data: {
        "PKID":PKID,
        "Path": path
    },
    beforeSend: function () {
        load = layer.load(0, { shade:[0.3, '#000'] });//0代表加載的風(fēng)格姿搜，支持0-2
    },
    success: function (result) {
        if (load != null) {
            layer.close(load);
        }
        layer.alert(result.Msg, '提示');
    }
});