1 引入

<link rel="stylesheet" href="<%=path %>/js/sweetalert/sweetalert.css"/>
<script src="<%=path %>/js/sweetalert/sweetalert-dev.js"></script>

2 参数

3 常用

3.1 一般提示

swal("这是一个信息提示框!");

3.2 操作成功

增加和修改成功

swal("更新成功！","请继续操作！","success");

3.3 失败错误

3.4 删除确认

swal(
{title: "是否删除？",text: "",type: "warning",showCancelButton: true,                //是否显示“取消”按钮。cancelButtonText:"取消",            //按钮内容cancelButtonColor:"#B9B9B9",showConfirmButton: true,               //是否显示“确认”按钮。confirmButtonColor: "#DD6B55",confirmButtonText: "确认",closeOnConfirm:false,closeOnCancel:true                //点击返回上一步操作
},
function(){$.ajax({type: "POST",dataType: "JSON",url: url,data: {"id":id},success: function (data) {if(data.result == "0000") {swal("删除成功！", "请继续操作！", "success");window.setTimeout(reload,700);} else {swal("删除失败！", "请重试！", "error");}},error: function(data) {alert("error:"+data.responseText);}});
}
);

3.5 定义内容

3.6 确认输入

4 标准格式

http://blog.csdn.net/zlts000/article/details/50537522?ref=myread

官网：http://www.dglives.com/demo/sweetalert-master/example/

js插件--1.swal相关推荐

viewer.js插件的应用
需求:商品列表中图片点击放大. 实现方法:使用viewer.js插件,实现点击图片图片放大做法: 1.下载viewer.js插件 2.页面上引入相关的插件 <link rel="st ...
skycons.js 基于canvas的天气动态js插件
skycons.js 基于canvas的天气动态js插件 skycons.js是一个开源的javascript天气动画图标渲染器.相当于gif动图一样. skycons CDN地址:https://w ...
js插件---IUpload文件上传插件（包括图片）
js插件---IUpload文件上传插件(包括图片) 一.总结一句话总结:上传插件找到真正上传位置的代码,这样就可以知道整个上传插件的逻辑了, 找资料还是github+官方 1.如何在js中找到真正 ...
js插件---10个免费开源的JS音乐播放器插件
js插件---10个免费开源的JS音乐播放器插件一.总结一句话总结:各种插件都有很多,多去找. 二.js插件---10个免费开源的JS音乐播放器插件亲测可用音乐播放器在网页设计中有时候会用到, ...
前端开发需要了解的JS插件
excanvas.js/Chart.js/cubism.js/d3.js/dc.js/dx.chartjs.js/echarts.js/flot.js 用途:构建数据统计图表,兼容多浏览器 jquer ...
解决pjax加载页面不执行js插件的问题
解决pjax加载页面不执行js插件的问题参考文章: (1)解决pjax加载页面不执行js插件的问题 (2)https://www.cnblogs.com/fanwenhao/p/9643549.ht ...
js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable
js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable 参考文章: (1)js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable ...
js插件类库组织与管理
testjs插件类库组织与管理在开发一个较大规模的网站,js插件类库应用的是相当多.那么自然在一个页面里就存在不少script和script相关的link标记,这样js组织与管理自然成了一大问题. ...
Bootstrap入门（三十）JS插件7：警告框
Bootstrap入门(三十)JS插件7:警告框通过这个插件可以为警告信息添加点击以及消失的功能. 当使用一个.close按钮,它必须是第一个子元素.alert-dismissible,并没有文字内 ...

js插件--1.swal

1 引入

2 参数

3 常用

3.1 一般提示

3.2 操作成功

3.3 失败错误

3.4 删除确认

3.5 定义内容

3.6 确认输入

4 标准格式

js插件--1.swal相关推荐

最新文章

热门文章