关于jquery layui弹出层的使用方法


Posted in jQuery onApril 21, 2018

Jquery必须大于1.83

layui必须是all,否则不显示

<script src="../js/jquery-1.8.3.min.js"></script> 
 <script src="../layui/layui.all.js"></script>

html代码

<input id="about" type="button" value="修改考勤" class="layui-btn layui-btn-normal" />

主要js代码

<script>
 $('input#about').on('click', function () {
 layer.confirm('是否要修改123的考勤?', {
btn: ['确定', '取消', ] //按钮
},
function () {
 layer.msg('修改成功', { time: 800, icon: 1 });
 // layer.msg('网络连接失败', { time: 800, icon: 2 });
 },
 function () {
 layer.msg('未作任何修改', {
time: 800, //20s后自动关闭
});
 }
 );
});
 </script>

总结

以上所述是小编给大家介绍的关于jquery layui弹出层的使用方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
jQuery zTree搜索-关键字查询 递归无限层功能实现代码
Jan 25 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
Jquery实现获取子元素的方法分析
Aug 24 jQuery
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
JQuery使用数组遍历跳出each循环
Sep 01 jQuery
jQuery中的for循环var与let的区别
Apr 21 #jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 #jQuery
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 #jQuery
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 #jQuery
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 #jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 #jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 #jQuery
You might like
PHP数据类型的总结分析
2013/06/13 PHP
比较简单实用的使用正则三种版本的js去空格处理方法
2007/11/18 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
jQuery当鼠标悬停时放大图片的效果实例
2013/07/03 Javascript
jquery增加时编辑jqGrid(实例代码)
2013/11/08 Javascript
jquery实现页面关键词高亮显示的方法
2015/03/12 Javascript
浅谈Sticky组件的改进实现
2016/03/22 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
2016/10/15 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
webpack打包react项目的实现方法
2018/06/21 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
linux服务器快速卸载安装node环境(简单上手)
2021/02/22 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
[01:19:54]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#1Alliance VS EHOME
2016/03/03 DOTA
pyenv命令管理多个Python版本
2017/03/26 Python
python获取当前目录路径和上级路径的实例
2018/04/26 Python
python+openCV利用摄像头实现人员活动检测
2019/06/22 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
Python算法中的时间复杂度问题
2019/11/19 Python
基于Pytorch SSD模型分析
2020/02/18 Python
Python3之外部文件调用Django程序操作model等文件实现方式
2020/04/07 Python
纯CSS绘制漂亮的圆形图案效果
2014/05/07 HTML / CSS
什么是跨站脚本攻击
2014/12/11 面试题
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
销售开票员岗位职责
2015/04/15 职场文书
2019年入党思想汇报格式与要求
2019/06/25 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android
用JS创建一个录屏功能
2021/11/11 Javascript