1.等待状态

layer.load(1, {

shade : [ 0.6, '#000' ]

},function(){

});

2.确认confirm框

layer.confirm('您确认从购物车中移除该课程吗?', {

btn : [ '确定', '取消' ]

}, function() {

var url = hostUrl + '/stuCourse/deleteCart.json';

var data = {

id : id

};

var success = function(json) {

if (json.success) {

layer.closeAll('dialog');

//window.location.reload();

var url=hostUrl+"/stuCourse/courseQuery2/"+$("#sno").val()+

"?schoolId="+$("#schoolId").val()+

"&teacherId="+$("#teacherId").val()+

"&gradeId="+$("#grade").val()+

"&subjectId="+$("#subject").val()+

"&termId="+$("#term").val()+

"&levelId="+$("#level").val()+

"&keyword="+$("#keyword").val()+

/* "&sno="+$("#sno").val()+ */

"&limit="+$("#limit").val()+

"&offset="+$("#offset").val();

window.location.href=url;

} else {

layer.msg("移除失败,请稍候再试...", {

icon : 5

});

}

};

T.ajaxPostJsonResult(url, data, success, null);

});

3.错误提示框

swal("付款金额总数不对哦!", "", "error");

4.确认框

swal({

title: "确认收到该订单的付款?",

text: "",

type: "warning",

showCancelButton: true,

confirmButtonColor: "#1c84c6",

confirmButtonText: "确定",

cancelButtonText: "取消",

closeOnConfirm: false,

closeOnCancel: false

}, function (isConfirm) {

if (isConfirm) {

……

}

else {

swal("已取消", "您取消了付款报名操作!", "error");

}

})

5.提示框

swal({

title: "报名成功!",

text: json.msg,

type:"success"

},function(){

window.location.href =

});

6.图片查看

×Close

查看图片

$("#showCon").on("click",".fa-search",function(){

bigImg($(this));

});

function bigImg(obj){

var showPic = $("#showPic");

var bigImg = showPic.find("img");

var src = obj.parent().parent().siblings("img").prop("src");

bigImg.prop("src","");

bigImg.prop("src",src);

}

layer.msg("难过脸,失败", {

icon : 5

});

layer.msg("勾,成功", {

icon : 1

});

swal 弹框确定ajax,前端常用效果(layer/swal)相关推荐

  1. swal弹框出现的瞬间就消失了

    swal弹框出现的瞬间就消失,弹框套着弹框结果第一个弹框不消失,swal.close()失效 写完代码后发现弹框并没有预想的情况出现,但是仔细阅读代码后发现也没有问题,之后在浏览器调试模式下打断点,发 ...

  2. Dialog 弹框(几种常用弹框)

    Dialog继承Object,异步调用,不会阻塞UI线程.以下是对他的整体框架: 最常用的还是AlertDialog.今天主要是讲他的用法.AlertDialog的用法也很简单 常用的方法: setT ...

  3. 前端常用效果(2)带效果的tab切换

    先上效果, 代码引用了jquery的框架 复制代码 功能实现比较简单,代码如下所示: html代码如下 <div class='tabchouse'> <!--设置元素位置--> ...

  4. 动画 自制弹框上滑+渐显效果

    <view class="mask {{showShare ? 'slidefadeUp' : 'slidefadeDown'}}" wx:if="{{showSh ...

  5. ajax 弹框 示例,AJAX实现鼠标经过弹出详细介绍示例

    var eposx ; var eposy ; function showRequest(pid,event){ eposx = event.clientX; eposy = event.client ...

  6. 前端常用效果(3)带动画的比较型柱状图

    先上效果, 代码引用了jquery的框架 复制代码 在项目中我们经常会遇到需要用图的形式展示数据,数据不是很多,用插件感觉没必要,而且有时候我们需要一些自定义的功能来展示,而这些功能可能是插件没有的, ...

  7. 自己封装一个弹框插件

    弹出层提示信息,这是移动前端开发中最常见的需求,你可能会想到一些流行的弹框插件,比如 经典的artDialog 炫酷的Sweetalert等等.. 但是慢慢地你其实会发现通常情况下需求定制化要求较高, ...

  8. 阻止微信浏览器/QQ浏览器弹框“在浏览器打开”

    阻止微信浏览器/QQ浏览器弹框"在浏览器打开" 相信许多移动端工程师对下面这张图中出现的东西记忆深刻: 微信浏览器和QQ浏览器有个自带的特殊功能,就是长按会出现上图所示的弹框.有时 ...

  9. Xamarin只言片语1——Xamarin下的弹框

    有一段时间没有写博客了,一是因为身体原因,二是因为需要充充电.过去的一段时间,做了一些xamarin的开发,有一些小的心得,就想着把用过的一些知识点共享出来,给大家分享,让学习xamrin的人少走一些 ...

最新文章

  1. 如果ASM磁盘组由哪些物理磁盘组成?
  2. 10W学习笔记——查询之联接
  3. python如何使用apriori_python-如何加快基于Apriori框架的速度,以仅生...
  4. Android开发学习笔记-自定义对话框
  5. php基本语法 格式,PHP 基本语法格式
  6. 大家觉得现在最赚钱的电商形式是什么?
  7. java设计模式面试,深入分析
  8. OpenCV探索之路——图像形态学处理(膨胀、腐蚀、开运算、闭运算)
  9. C# ASP.NET MVC:使用Cookie记住账号密码
  10. 【一天一个挨打小技巧】暴力磁力种子磁力链接下载
  11. ​香农与信息论三大定律
  12. 被V神点赞, 我是如何用五子棋打败以太坊排名最高的应用的? |人物志
  13. 计算机网络原理 实验3《IP数据包捕获及数据分析》
  14. 前端页面缓存系列之localStorage
  15. SAP BAPI_EXCHANGERATE_GETDETAIL 读取货币汇率
  16. 人类计划软件测试,人类分裂了16种人格,测测你是哪一种?
  17. hacks cheats injection
  18. 天翼云、移动云ubuntu服务器分区和磁盘挂载步骤
  19. 3.7. Miscellaneous
  20. 按键精灵打怪学习-窗口绑定保护技能和点击技能

热门文章

  1. 数据结构---如何判定链表是否有环
  2. Python使用all()简化条件判断
  3. python怎么算积分_python使用sympy不定积分入门及求解
  4. SAP PO 消息报文存储详解(永久保存SAP PO中间件消息之三)
  5. 计算机二级(二)仅学习
  6. java海报_使用java画一张海报
  7. 《左耳听风》-ARTS-打卡记录-第七周
  8. PC1通往PC2的详细过程
  9. KM算法 最优匹配(最大权匹配) hdu 2255 奔小康赚大钱 最小权匹配 poj 2195 Going Home
  10. matlab数组元素的比较大小排序,MATLAB数组元素的排序