有什么方法可以在 Stripe Checkout 模式关闭时触发事件吗?
Stripe 的模式关闭和响应传递之间存在大约 0.5-1 秒的延迟。那时,用户可能会点击离开页面等。为了解决这个问题,我们可以执行一些操作,例如禁用所有链接或在页面上放置一个覆盖层(“覆盖全部”),该覆盖层仅在 Stripe 完成处理后才会被删除。
问题是,如果用户决定关闭 Stripe 模式(而不是尝试处理付款),则无法关闭该叠加层。由于同源政策,您无法定位模式(例如 $('.stripe-app'))。
还有其他想法吗?
我的代码如下,改编自https://stripe.com/docs/checkout 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 按钮提交或关闭表单时都会调用它。希望这会有用。
eg: handler.open({closed : function(){/* some function here*/}})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)