Stripe的模态关闭和响应发生的时间间隔约为0.5-1秒.在那段时间,用户可能会点击离开页面等.为了解决这个问题,我们可以做一些事情,如禁用所有链接或放置一个覆盖(“覆盖全部”)在仅当条纹完成处理时删除的页面.

问题是,如果该人决定关闭条纹模式(而不是尝试处理付款),则无法关闭该重叠.由于相同的起始策略,您无法定位模态(例如$(‘.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;
});