手记

php与前端(四): 弹出框layer 的使用

一:引入插件文件

    <script src="__STATIC__/dialog/layer.js"></script>
    <script src="__STATIC__/dialog.js"></script>

二:定义php返回数据格式函数

function show($status, $message, $data=array()){
    $result = array(
        'status' => $status,
        'message' => $message,
        'data' => $data
    );
    exit(json_encode($result));

三:定义一些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 : ['确定'],
        });
    },
}

四:调用

    return dialog.error('失败');
2人推荐
随时随地看视频
慕课网APP

热门评论

我记得有一个关于thinkPHP实战开发的项目中 讲到了layer用法  为什么我找不到哪个视频了

查看全部评论