zoukankan      html  css  js  c++  java
  • 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弹窗块区域中,有自带的×可以关闭掉当前弹窗:

  • 相关阅读:
    python字典推导式
    什么是Python 自省
    类变量和实例变量
    Python 使用正则表达式匹配URL网址
    python is 和 “==”的区别
    阮一峰老师的bash教程,建议阅读
    python里的闭包
    什么是生成器
    python访问限制
    pytorch使用Tips
  • 原文地址:https://www.cnblogs.com/wmqiang/p/10497219.html
Copyright © 2011-2022 走看看