layer控件的dialog封装

为什么使用dialog:
在实际项目中我们在引用相关控件以后,进行二次dialog封装能够更加方便我们的本项目使用。
例如我们在引用http://layer.layui.com/的弹出层控件以后可以再外部Public文件夹内写入一个专门的 dialog.js,然后在引用控件的时候将其同时引用。

var dialog = {
    // 错误弹出层
    error: function(message) {
        layer.open({
            content:message,
            icon:2,
            title : '错误提示',
        });
    },

    //成功弹出层
    success : function(message,url) {
        layer.open({
            content : message,
            icon : 1,
            yes : function(){
                location.href=url;
            },
        });
    },

    // 确认弹出层
    confirm : function(message, url) {
        layer.open({
            content : message,
            icon:3,
            btn : ['是','否'],
            yes : function(){
                location.href=url;
            },
        });
    },

    //无需跳转到指定页面的确认弹出层
    toconfirm : function(message) {
        layer.open({
            content : message,
            icon:3,
            btn : ['确定'],
        });
    },
}

这样我们在HTML界面进行引用的时候只需要写入:

<script>
    dialog.error('登录失败');
script>

**就可以对对该插件进行引用,使我们的开发引用更为的方便简介。
我们涉及到其他的控件引用也可以集合到dialog.js里面定义一个相关的类库使用。**

你可能感兴趣的:(项目案例)