swal() 弹出层的用法
swal()方法是一个提示框;
swal({ title: "", text: "请扫描用户手机上的付款码",type: "input", showCancelButton: true, closeOnConfirm: false, cancelButtonText: "取消", confirmButtonText: "确认", imageUrl: "/assets/images/icon/scancode.gif",inputPlaceholder: "请填写付款码数字",showLoaderOnConfirm: true},function(inputValue){ if(inputValue){if (inputValue === "") { swal.showInputError("请填写付款码数字");return false }else{$("input[name='authCode']").val(inputValue);var form = cashierFrom.serialize();$.post("/cashier/order", form, function(data) {var result = $.parseJSON(data);if (result.code == 'SUCCESS') {swal({title : "支付成功",type : "success",confirmButtonText : "确定",closeOnConfirm : false});} else {if(result.subCode=='USER_PAYING'){var html = '<div class="q-btn-box"><button type="button" class="btn btn-primary waves-effect waves-light">取消</button></div>';showLoadAlert('等待用户输入密码..',html);var no = result.outTradeNo;queryInterval = self.setInterval("cashierOrderQuery('"+no+"',true)",3000);}else{swal({title : "支付失败",type : "error",text : result.msg,confirmButtonText : "确定",closeOnConfirm : false});}}});}}});
swal() 增加确认及取消的方法
swal({title: "确认删除?",text: "Your will not be able to recover this imaginary file!",type: "warning",showCancelButton: true,confirmButtonColor: "#DD6B55",confirmButtonText: "确认",cancelButtonText: "取消",closeOnConfirm: false,closeOnCancel: false
},
function(isConfirm){if (isConfirm) {swal("Deleted!", "Your imaginary file has been deleted.", "success");} else {swal("Cancelled", "Your imaginary file is safe :)", "error");}
});
可参考地址:
http://www.dglives.com
转载于:https://www.cnblogs.com/lvxisha/p/9729692.html
swal() 弹出层的用法相关推荐
- Lightbox弹出层插件:jQuery弹出层插件用法
插件描述:这款lightbox,可应用于图片.swf文件.html文件等等. Lightbox弹出层插件 说明文档 : 1.引入资源,(JQ1.3+)和JS文件: <script type=& ...
- swal弹窗_swal() 弹出层的用法
swal()方法是一个提示框: swal({ title: "", text: "请扫描用户手机上的付款码", type: "input", ...
- layer 弹出层读取html,Layer弹出层动态获取数据的方法
前一阵子做了一个简单的小项目,用到了layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同 ...
- Layer弹出层动态获取数据
前一阵子做了一个简单的小项目,用到了Layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址http://layer.layui.com/),当时前后台合页面的时候就出现了一个 ...
- layert弹出层关于layer.open,打开页面时的用法
layer弹出层,当设置type为2时,引入其他页面中内容. 最近项目里碰到的问题,在父页面用layer.open打开子页面后,从子页面如何调用父页面的方法,从子页面如何关闭父页面中layer弹出层. ...
- 页面弹出层组件layer的用法
欢迎关注博主公众号:[纯洁的明依]文章由陈晓阳原创. 本人微信:chenxiaoyangzxy. 免费提供本人大量学习资料. 一:页面引入和核心js文件 layer.js <script src ...
- js插件---弹出层sweetalert2
一.总结 sweetalert2的窗口美观,移动端适配也比较好,易学易用,是一款简单便捷的组件,值得学习! SweetAlert2和SweetAlert的区别? SweetAlert2是SweetAl ...
- 弹出层之1:JQuery.Boxy (二)
在<弹出层之1:JQuery.Boxy (一)>中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了. 4 ...
- 使用jquery的blockui插件显示弹出层
使用jquery的blockui插件显示弹出层 Posted on 2011-04-14 16:34 孤独者 阅读(9975) 评论(0) 编辑 收藏 在做网站的开发过程中,可能需要使用弹出层,使用j ...
最新文章
- 且看电脑高手如何优雅的使用windows系统
- Redis 教程基于win10:1介绍
- oracle 拆分逗号转行_一个列用逗号隔开,列转行,看看是否有更好的办法。
- mysql with as 用法_Python之图解with语句
- 类的继承 设计模式
- 浅谈数据结构-二叉排序树
- 无迹卡尔曼滤波(UKF)详解
- python书籍pdf文档密码-Python玩转PDF的各种骚操作
- 接口测试--apipost如何自定义header中的content-type
- c语言指针详解pdf下载,C语言指针详解.pdf
- Python机器学习入门;推荐一本Python数据分析与机器学习入门书籍-唐宇迪《跟着迪哥学 Python数据分析与机器学习实战》PDF+源代码
- 视频压制相关工具下载
- 听见丨谷歌DeepMind科学家黄士杰:已离开AlphaGo团队AI芯片初创团队ThinkForce完成4.5亿元A轮融资
- ChatGPT 侦探推理小说《神秘失踪》
- java读取qq邮箱_通过java给qq邮箱发送信息
- html写樱花场景的程序,描写樱花的优美语句,樱花飘落的场景描写
- Redis分布式锁实现并发秒杀商品设计思路
- python图形化界面开发工具,python如何做图形化界面
- 关于计算机科学与技术专业的摘要,计算机科学技术专业论文摘要怎么写 计算机科学技术专业论文摘要范文参考...
- 父亲节简约实PPT模板——免费下载
热门文章
- APP登录注册 步骤三:客户端
- python通过键盘方向键移动_平滑地通过键盘移动角色示例.py
- 如何修改通达OA的登录首页的LOGO
- iOS 官网文档 地图周边关键字搜索
- java对接PayPal支付(v2)
- TS + React 找不到模块“Utils/util”或其相应的类型声明
- utorrent开机自启动
- vue3.0 子组件调用父组件中的方法
- node.js调用.c文件_在Node.js中分派S3文件
- MATLAB数组的左右移动