zoukankan      html  css  js  c++  java
  • layui加载层的写法

    
    
    1. <script type="text/javascript" src="jquery-1.8.3.min.js"></script>  
    2.     <script type="text/javascript" src="layer/layer.js"></script>  

    //在js中写出前后加载的函数 加载层
    1
    ; !function () { 2 layer.config({//加载扩展模块 3 extend: '../lib/jquery.plugins/layer/extend/layer.ext.js' 4 }); 5 layer.ready(function () { 6 }); 7 }(); 8 9 function ityzl_SHOW_LOAD_LAYER() { 10 return layer.msg('努力中...', { icon: 16, shade: [0.5, '#f5f5f5'], scrollbar: false, offset: '50%', time: 300000 }); 11 } 12 function ityzl_CLOSE_LOAD_LAYER(index) { 13 layer.close(index); 14 } 15 function ityzl_SHOW_TIP_LAYER() { 16 layer.msg('恭喜您,加载完成!', { time: 1000, offset: '50%' }); 17 }
     1 //ajax做处理 当然 也可以是点击事件。
     2 var i;
     3         $(function () {
     4             $.ajax({
     5                 type: "POST",
     6                 dataType: "text",
     7                 url: "",
     8                 beforeSend: function () {
     9                    i = ityzl_SHOW_LOAD_LAYER();
    10                 },
    11                 success: function (msg) {
    12                     ityzl_CLOSE_LOAD_LAYER(i);
    13                     ityzl_SHOW_TIP_LAYER();
    14                 },
    15                 error: function (e, jqxhr, settings, exception) {
    16                     ityzl_CLOSE_LOAD_LAYER(i);
    17                 }
    18             });
    19         });
  • 相关阅读:
    “北漂”的那些年 5
    “北漂”的那些年 4
    全国省市区代码-2020版
    记一次CDH修改IP
    Python爬取抖音视频
    代码生成,减少70%的重复劳动
    Log4J配置详解
    linux常用命令
    tomcat修改默认访问首页
    java根据身份证号和获取用户年龄和性别的工具类
  • 原文地址:https://www.cnblogs.com/hllxy/p/7387864.html
Copyright © 2011-2022 走看看