layer使用

首先，layer是jquery的一个弹窗组件，

使用layer要先在前台引入它的js，引用完js就可以直接使用：

引入好layer.js后，直接用即可
<script src="layer.js"></script>

 

html代码：

<div id="auditProgressHidepage"  style="display: none;" >
     <div class="results-bd">
           <table id="activityInfoTable">            
                 <tbody id="activityInfoTbody">                
                 </tbody>
            </table>
      </div>
</div>

 

javaScript代码：

js中拼接页面展示一个可以触发事件的按钮，里面 onclick 事件触发的方法 auditProgressDiolog(this.value) 用 layer 弹窗组件打开展示本隐藏的块状区域：

e_item += "<div class=\"xxx\" style=\"xxx\"><a type='spjgds'  href=\"javascript:void(0);\" onclick='auditProgressDiolag(this.value)'>当前审批进度</a></div>";

 

layer 弹窗组件打开展示本隐藏的块状区域：

auditProgressDiolag:function(projectguid) {
            getAuditProgressDetails(projectguid);
　　　　　　
　　　　　　　　// 引入这个js之后直接调用layer的open方法，展示出本来隐藏的块状区域内容；
            layer.open({
                type : 1,
                shade : 0.1,
                title : [ '', 'background-color:#11a2fd;' ], // 不显示标题
                area : [ '950px', '390px' ],
                content : $('#auditProgressHidepage'), // 捕获的元素
                skin : 'layer-ext-subscribe',
                cancel : function() {
                    // initPage();
                }
            });
            return false;
        },

打开的layer弹窗块区域中，有自带的×可以关闭掉当前弹窗：