关于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插件制作 自增长输入框实现代码
Aug 17 jQuery
jQuery手风琴的简单制作
May 12 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
jQuery自动或手动图片切换效果
Oct 11 jQuery
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
jQuery实现表单动态添加数据并提交的方法
Jul 19 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 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
nginx+php-fpm配置文件的组织结构介绍
2012/11/07 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
js查找某元素中的所有图片地址的方法
2014/01/16 Javascript
js日期联动示例
2014/05/02 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
js实现带有介绍的Select列表菜单实例
2015/08/18 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
js数组去重的hash方法
2016/12/22 Javascript
微信小程序开发探究
2016/12/27 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
vue基本使用--refs获取组件或元素的实例
2019/11/07 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
Django框架下在视图中使用模版的方法
2015/07/16 Python
python 数据的清理行为实例详解
2017/07/12 Python
python逆向入门教程
2018/01/15 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
python绘制漏斗图步骤详解
2019/03/04 Python
python面试题小结附答案实例代码
2019/04/11 Python
python对csv文件追加写入列的方法
2019/08/01 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
工地资料员岗位职责
2013/12/31 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
党校毕业个人总结
2015/02/28 职场文书
综合素质评价自我评价
2015/03/06 职场文书
现货白银电话营销话术
2015/05/29 职场文书
李强感恩观后感
2015/06/17 职场文书
goland 设置project gopath的操作
2021/05/06 Golang
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android