关于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仿京东商品放大浏览页面
Jun 06 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
基于jQuery实现图片推拉门动画效果的两种方法
Aug 26 jQuery
jQuery实现右侧抽屉式在线客服功能
Dec 25 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
使用jQuery实现掷骰子游戏
Oct 24 jQuery
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 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查询mysql数据库并将结果保存到数组的方法
2015/03/18 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
2018/04/26 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
laravel admin实现分类树/模型树的示例代码
2020/06/10 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
Js 导出table内容到Excel的简单实例
2013/11/19 Javascript
confirm的用法示例用于按钮操作时确定是否执行
2014/06/19 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
2016/01/26 Javascript
AngularJS学习笔记之依赖注入详解
2016/05/16 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
详解vue-cli与webpack结合如何处理静态资源
2017/09/19 Javascript
node使用promise替代回调函数
2018/05/07 Javascript
详解vue+webpack+express中间件接口使用
2018/07/17 Javascript
微信小程序自定义导航栏
2018/12/31 Javascript
VUE中V-IF条件判断改变元素的样式操作
2020/08/09 Javascript
Python 列表理解及使用方法
2017/10/27 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
详解python中TCP协议中的粘包问题
2019/03/22 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
flask项目集成swagger的方法
2020/12/09 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
台湾东南旅游社网站:东南旅游
2019/02/11 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
戴尔马来西亚官网:Dell Malaysia
2020/05/02 全球购物
材料专业大学毕业生自荐书
2014/07/02 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
三行辞职书范文
2015/02/26 职场文书
Python深度学习之Pytorch初步使用
2021/05/20 Python
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL