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弹窗块区域中,有自带的×可以关闭掉当前弹窗:

  • 相关阅读:
    Spring Session Logout
    VC6.0 error LNK2001: unresolved external symbol _main解决办法
    JDBC数据库编程基本流程
    JDBC连接SQL Server2008
    JDK的下载、安装及环境变量的配置
    奇数阶幻方口诀
    ping: sendto: Network is unreachable
    new/delete和malloc/free的区别
    MFC的消息管理
    VC++之自定义消息
  • 原文地址:https://www.cnblogs.com/wmqiang/p/10497219.html
Copyright © 2011-2022 走看看