sweetalert php,SweetAlert详解

官方给出的SweetAlert介绍是：SweetAlert可以替代JavaScript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。我用过之后觉得确实好用，因此极力推荐此插件。我将它的用法总结如下：

弹出一个alert的写法：

其一： swal("恭喜","添加成功","success"); 第一个参数是title，第二个参数是text，第三个参数是提醒类型(success,error,warning,input)，三个参数皆非必写项。最简便写法：swal("");就弹出一个框，上面有个确定按钮。不可写作：

swal();

其二：

swal({

title:"恭喜",

text:"添加成功",

type:"success"

});

参数还可以写：

html：是否支持html，默认false,写成true以后，text里就可以写html元素。下面给一个例子

showCancelButton：是否显示取消按钮；

animation：提示框弹出时的动画效果，可选(pop、none、slide-from-top、slide-from-bottom)；

timer：设置自动关闭提示框时间(毫秒)；

showConfirmButton：是否显示确定按钮；

confirmButtonText：定义确定按钮文本；

cancelButtonText：定义取消按钮文本；

imageUrl：定义弹出框的图片地址；

回调函数：done()和error.

下面给出一个confirm窗体带回调函数的例子：

function deleteArticle(id){

var serverAddress=serverAddressPath+'/api/arc/delete.shtml';

swal({

title:"",

text:"确定删除吗？",

type:"warning",

showCancelButton:"true",

showConfirmButton:"true",

confirmButtonText:"确定",

cancelButtonText:"取消",

animation:"slide-from-top"

}, function() {

var ids=new Array();

ids.push(id+"");

$.ajax({

type:"post",

url:serverAddress,

traditional: true,

dataType:"json",

data:{"id":ids}

}).done(function(data) {

swal("操作成功!", "已成功删除数据！", "success");

getMyArtic();

}).error(function(data) {

swal("OMG", "删除操作失败了!", "error");

});

}

sweetalert php,SweetAlert详解相关推荐

从命令行到IDE，版本管理工具Git详解（远程仓库创建+命令行讲解+IDEA集成使用）
首先,Git已经并不只是GitHub,而是所有基于Git的平台,只要在你的电脑上面下载了Git,你就可以通过Git去管理"基于Git的平台"上的代码,常用的平台有GitHub.Gi ...
JVM年轻代，老年代，永久代详解
秉承不重复造轮子的原则,查看印象笔记分享连接↓↓↓↓ 传送门:JVM年轻代,老年代,永久代详解速读摘要最近被问到了这个问题,解释的不是很清晰,有一些概念略微模糊,在此进行整理和记录,分享给大家.在 ...
docker常用命令详解
docker常用命令详解本文只记录docker命令在大部分情境下的使用,如果想了解每一个选项的细节,请参考官方文档,这里只作为自己以后的备忘记录下来. 根据自己的理解,总的来说分为以下几种: Doc ...
通俗易懂word2vec详解词嵌入-深度学习
https://blog.csdn.net/just_so_so_fnc/article/details/103304995 skip-gram 原理没看完 https://blog.csdn.net ...
深度学习优化函数详解（5）-- Nesterov accelerated gradient (NAG) 优化算法
深度学习优化函数详解系列目录深度学习优化函数详解(0)– 线性回归问题深度学习优化函数详解(1)– Gradient Descent 梯度下降法深度学习优化函数详解(2)– SGD 随机梯度下降 ...
CUDA之nvidia-smi命令详解---gpu
nvidia-smi是用来查看GPU使用情况的.我常用这个命令判断哪几块GPU空闲,但是最近的GPU使用状态让我很困惑,于是把nvidia-smi命令显示的GPU使用表中各个内容的具体含义解释一下. ...
Bert代码详解（一）重点详细
这是bert的pytorch版本(与tensorflow一样的,这个更简单些,这个看懂了,tf也能看懂),地址:https://github.com/huggingface/pytorch-pretr ...
CRF(条件随机场)与Viterbi(维特比)算法原理详解
摘自:https://mp.weixin.qq.com/s/GXbFxlExDtjtQe-OPwfokA https://www.cnblogs.com/zhibei/p/9391014.html C ...
pytorch nn.LSTM()参数详解
输入数据格式: input(seq_len, batch, input_size) h0(num_layers * num_directions, batch, hidden_size) c0(num ...
Java集合详解之Map
一.首先看看集合框架体系图从图中可以看到,Map接口扩展了Iterator接口,关于Iterator接口详解请移步:Iterator接口详解二.Map是什么? Map<k,v>使用键值 ...

sweetalert php,SweetAlert详解

sweetalert php,SweetAlert详解相关推荐

最新文章

热门文章