layui的几个简单使用(简单弹窗,加载效果,移除加载效果)

摘要:
1.加载效果和移除加载效果函数layuiLoading(msg){layui.use(['layer','form'],function(){index=layer.load(0,{shade:false});})运行数据后,删除加载效果函数layuiRemoveLoading(){layui.use(['layer','form'],function(){varlayer

1.加载效果和移除加载效果

layui的几个简单使用(简单弹窗,加载效果,移除加载效果)第1张

function layuiLoading(msg){
        layui.use(['layer', 'form'], function(){
                index = layer.load(0, {shade: false});
        });
}

数据跑完,移除加载效果

function layuiRemoveLoading(){
        layui.use(['layer', 'form'], function(){
                var layer = layui.layer
                layer.close(index);
                //调用close方法,关闭全局变量index对应的加载效果
                });
}

2.简单layui风格弹窗

layui的几个简单使用(简单弹窗,加载效果,移除加载效果)第2张

//layui的简单弹窗
function layuiAlert(msg){
                layui.use(['layer', 'form'], function(){
                var layer = layui.layer
                ,form = layui.form();
                layer.alert(msg);
                });
        }

免责声明:文章转载自《layui的几个简单使用(简单弹窗,加载效果,移除加载效果)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇css控制继承[Git] git代码统计下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

web选择文件夹上传

我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览器(关闭浏览器后再打开)仍然能够继续上传,重启电脑后仍然能...

从C#中传递object到lua的一个问题

本来我是想从C#中把form对象传递到Lua里面去,然后在Lua中调用form下面的各个组件,比如textbox、button等,从而实现在Lua中控制C#中form界面的布局。 但是发现如下问题: 1 //Form1.cs 2 3 class Form1 4 { 5 private System.Windows.Forms.TextBox tex...

【ABAP系列】SAP ABAP 的替代和校验

公众号:matinal 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:【ABAP系列】SAP ABAP 的替代和校验   前言部分 大家可以关注我的公众号,公众号里的排版更好,阅读更舒适。 正文部分 以下内容请参考,懒得翻译了 I. Creating, activating...

C#中Form设计器打开失败的错误及解决方案

错误信息是这样的: Form1 可以进行设计,但不是文件中的第一个类。Visual Studio 要求设计器使用文件中的第一个类。移动类代码使之成为文件中的第一个类,然后尝试重新加载设计器。    也就是点击“查看设计器”时不能看到Form和控件只有报错信息。 猪悟能看到如图1所示的错误已经不是一次两次了,前几依据这个错误提示死活解决不了问题,只得骂骂咧...

Antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败

antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败,导致输入框输入不了任何内容! 可能你的react及react-dom版本由于过高导致antd组件不能兼容,需要对react及react-dom进行降级处理; 在这里附上我的版本号: "antd": "^2.13.14", "react": "^16.2.0","react-d...

asp.net MVC中防止跨站请求攻击(CSRF)的ajax用法

参考: Preventing Cross-Site Request Forgery (CSRF) AttacksValidating .NET MVC 4 anti forgery tokens in ajax requests 在mvc中,微软提供了一个简单的方法来防止CSRF,就是在前端form表单里加上Anti-Forgery Tokens <...