• 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

  • 相关阅读:
    JavaScript underscore
    JavaScript jQuery 事件、动画、扩展
    JavaScript jQuery 入门回顾
    JavaScript H5 Canvas
    JavaScript Ajax + Promise
    JavaScript 浏览器对象
    JavaScript 面向对象编程
    JavaScript 标准对象
    JavaScript 高阶函数 + generator生成器
    “耐撕”团队2016.04.12站立会议
  • 原文地址:https://www.cnblogs.com/lvxisha/p/9729692.html
Copyright © 2020-2023  润新知