58问答库 > layer弹层不能实现

layer弹层不能实现

2025-05-21 21:08:25

推荐回答（3个）

回答（1）：

layer弹层不能实现，是操作过程中出现错误造成的，解决方法如下：

1、首先要先引用layer.js。

2、添加对应触发弹出框的按钮，写javascript代码进行处理，在layer.open的配置项中加上 maxmin:true。

3、这样弹出框会出现最大化和最小化按钮，用一个layerIndex变量保存打开的弹出框索引，用于最小化和还原时动态隐藏遮罩层。

4、最后添加min、restore方法用于控制遮罩层的打开与隐藏，open的时候要加上title配置项，且值不能为空，要不然最小化的时候会看不到弹出框最小化的内容。

5、显示最小化时隐藏遮罩层如下图。

回答（2）：

建议用火狐浏览器，然后打开开发者工具，在控制台上看下js执行过程中可有错误输出。



  
    视频上传
    
    
    
    $(function(){
        $("#upload").click(function(){
            alert("shangchuan");
            layer.open({
                type: 2,
                 title: '视频上传',
                 maxmin: false,
                 shadeClose: false, //点击遮罩关闭层
                  area : ['800px' , '520px'],
                  content: 'Achieve.jsp'
            })
        })
    })

回答（3）：

怎么没看到引入css文件呢？