关于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 29 jQuery
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
jQuery插件jsonview展示json数据
May 26 jQuery
jquery拖拽自动排序插件使用方法详解
Jul 20 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
原生jQuery实现只显示年份下拉框
Dec 24 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
AM/FM收音机的安装与调试
2021/03/02 无线电
php批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
PHP7新功能总结
2019/04/14 PHP
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
简单介绍JavaScript的变量和数据类型
2015/06/03 Javascript
自定义刻度jQuery进度条及插件
2015/09/02 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
2016/01/18 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
详解jquery easyui之datagrid使用参考
2016/12/05 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
vue2.x 对象劫持的原理实现
2020/04/19 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[03:43]TI9战队采访——PSG.LGD
2019/08/22 DOTA
Python sys.argv用法实例
2015/05/28 Python
python实现基本进制转换的方法
2015/07/11 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
python框架中flask知识点总结
2018/08/17 Python
Python多图片合并PDF的方法
2019/01/03 Python
python-django中的APPEND_SLASH实现方法
2019/06/21 Python
django框架创建应用操作示例
2019/09/26 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
使用OpenCV去除面积较小的连通域
2020/07/05 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
什么叫做SQL注入,如何防止
2016/10/04 面试题
观看《永远的雷锋》心得体会
2014/03/12 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
应急管理工作总结2015
2015/05/04 职场文书
2015年国庆节广播稿
2015/08/19 职场文书