javascript - Stripe Checkout Modal 的事件或方法

标签 javascript jquery stripe-payments

当 Stripe Checkout 模式关闭时,有什么方法可以触发事件吗?

在 Stripe 的模式关闭和他们的响应被传递之间有大约 0.5-1 秒的延迟。在那个时候,用户可能会点击离开页面等。为了解决这个问题,我们可以做一些事情,比如禁用所有链接或在页面上放置一个覆盖(“覆盖所有”),只有当 Stripe 完成处理时才会删除.

问题是,如果用户决定关闭 Stripe 模式(而不是尝试处理付款),则无法关闭该覆盖层。由于同源策略,您不能定位模式(例如 $('.stripe-app'))。

还有其他想法吗?

我的代码如下,改编自https://stripe.com/docs/checkout .

// custom Stripe checkout button with custom overlay to avoid UI confusion during payment processing
$('.btn-stripe').click(function(){

  var token = function(res){
    var $input = $('<input type=hidden name=stripeToken />').val(res.id);
    $('.form-stripe').append($input).submit();
  };

  StripeCheckout.open({
    key:         STRIPE_KEY,
    address:     false,
    amount:      STRIPE_AMT,
    currency:    'usd',
    name:        'Purchase',
    description: STRIPE_DESC,
    panelLabel:  'Checkout',
    token:       token
  });

    $('.cover-all').show();

  return false;
});

最佳答案

处理此问题的最佳方法可能是在处理过程中显示微调器或其他东西。

Closed 是 Stripe 为自定义集成提供的一个选项。 只要通过单击 X 按钮提交或关闭表单,就会调用它。希望这会很有用。
例如:handler.open({closed : function(){/* 这里有一些函数*/}})

关于javascript - Stripe Checkout Modal 的事件或方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17076287/

相关文章:

javascript - 响应式设计中间的两个固定的响应式侧边栏和一个可滚动的内容 div

go - 如何在 Go 中模拟 Stripe?

ruby-on-rails - Rails - 如何通过我的支付模型为我的用户表添加值(value)?

javascript - Handlebars js : H1 tag won't display when submit button is clicked

ruby-on-rails - rails : Stripe Button not working on first attempt (until page is reloaded)

php - 使用 jquery 和 php 检查登录表单并显示错误消息

javascript - 使用下拉列表预填充文本框进行 knockout 绑定(bind)

javascript - 是否可以处理全屏 html5 视频播放器上的播放按钮?

jquery - 获取上传文件数

jquery - 是否可以将时间跨度分配给 DIV 的背景图像