swal弹窗_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 = ‘

‘;

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

js插件—弹出层sweetalert2(总结)

js插件—弹出层sweetalert2(总结) 一.总结 一句话总结: sweetalert2的效果非常好,效果比较Q萌,移动端适配也比较好,感觉比layer.js效果好点 1.SweetAler …

jquery 简单弹出层

预定义html代码:没有 所有代码通过js生成和移除. 预定义css .z-popup-overlay{ width:100%; min-height: 100%; height:800px; pos …

layer弹出层不居中解决方案，layer提示不屏幕居中解决方法，layer弹窗不居中解决方案

layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案 >>>>>>>>>>>>> …

利用React/anu编写一个弹出层

本文将一步步介绍如何使用React或anu创建 一个弹出层. React时代,代码都是要经过编译的,我们很多时间都耗在babel与webpack上.因此本文也介绍如何玩webpack与babel. 我 …

layer —— 一个简单的jQuery弹出层插件

layer的使用 4.24更新:注意:layer现在有旧版1.8.5版本和新版本3.0版本的,对应引入的JQ也要不同,相对应的JQ引入1.1和3.1,否则JQ会出问题 4.21更新: 解答4-19的问 …

弹出层小插件之(二) layer&;layui

其实layer或者layui相对于上次所说的 sweetalert来说不仅仅有弹出层,它有很多的功能,这也大大的提高了我们的开发效率,根据我们项目的实际需要的效果进行选择.下面介绍下Layer的用法吧 …

弹出层小插件之(一)sweetalert

//弹出层小插件之(一)sweetalert 1.引入sweetalert.css 2.引入sweetalert.min.js 下载地址:http://t4t5.github.io/sweetaler …

jQuery弹出层layer插件的使用

引入插件layer 触发弹出层的按钮/链接

layer弹出层不居中解决方案，仅显示遮罩，没有弹窗

问题:项目中layer询问层的弹窗仅显示遮罩层,并不显示弹窗…… 原因:图片太多将layer弹窗挤出屏幕下方,看不见了…… 解决方案:让layer的弹出层居中显示 一.问题描述 用layer做操作结果 …

随机推荐

java学习笔记之线程2wait和notifyAll

2.乐观锁和悲观锁 悲观锁(Pessimistic Lock), 顾名思义,就是很悲观,每次去拿数据的时候都认为别人会修改,所以每次在拿数据的时候都会上锁,这样别人想拿这个数据就会block直到它拿到 …

通过CAGradientLayer制作渐变色效果(转)

转载自:http://blog.it985.com/7986.html 看了极客学院的视频之后写的一篇博客,觉得不错,还是作为笔记使用. 简单介绍一下CAGradientLayer吧. Gradien …

hdu 4850 Wow! Such String! 欧拉回路

作者:jostree 转载请注明出处 http://www.cnblogs.com/jostree/p/4080264.html 题目链接:hdu 4850 Wow! Such String! 欧拉回 …

COJN 0485 寻找平面上的极大点

寻找平面上的极大点 难度级别:C: 运行时间限制:1000ms: 运行空间限制:51200KB: 代码长度限制:B 试题描述 在一个平面上,如果有两个点(x,y),(a,b) …

超级强大的socket工具ss，替代netstat

1.结论:ss 命令比netstat 更强大,提供功能更多,并且性能更高. 2.显示当前系统的socket占用总体宏观情况. ss -s 当已创建的socket数过多时,已经说明系统配置存在问题. 3 …

在Git中设置自己的姓名

在Git中,自己的姓名与每一个commit提交绑定在一起.如果你在使用Azure DevOps Server中的Git Repo时,一定要注意commit中的提交者与服务器上的推送者,是两个概念. 在 …

使用jdk中提供的排序方式

package com.bjpowernode.t01; import java.util.Arrays; / * 使用jdk中提供的排序方式 * */public class TestArray …

c#简单案例–单位转换器

经过几天学习,写出了一个简单的winform应用程序,贴出源码,以备不时之需. 软件启动后的界面如下图所示: 如图,该程序由6个label.8个comboBox.8个textBox和4个button组 …