Javascript 条带显示为创建弹出窗口,但在移动设备上将其关闭
我使用的是条带结账,桌面上的弹出窗口一切正常。当我在手机上查看该网站时(特别是在香草安卓4.3上的Chrome,也在Opera for Android上进行了类似的尝试),弹出窗口会短暂打开一秒钟,然后关闭。我从来没有看到过它,而且它也不在另一个打开的选项卡中 我已经读过了,我的代码是兼容的 下面是我正在使用的JavaScript:Javascript 条带显示为创建弹出窗口,但在移动设备上将其关闭,javascript,jquery,stripe-payments,Javascript,Jquery,Stripe Payments,我使用的是条带结账,桌面上的弹出窗口一切正常。当我在手机上查看该网站时(特别是在香草安卓4.3上的Chrome,也在Opera for Android上进行了类似的尝试),弹出窗口会短暂打开一秒钟,然后关闭。我从来没有看到过它,而且它也不在另一个打开的选项卡中 我已经读过了,我的代码是兼容的 下面是我正在使用的JavaScript: $(document).ready(function() { //The actual giving part $('a.payamount').
$(document).ready(function() {
//The actual giving part
$('a.payamount').click(function(e) {
window.amountToGive = $(this).data('amount');
// Open Stripe Checkout with further options
stripeHandler.open({
name: campaignName,
description: 'Give $' + (window.amountToGive / 100) + ' to ' + campaignName,
amount: window.amountToGive
});
});
var stripeHandler = StripeCheckout.configure({
key: 'mykeygoeshere',
image: '/img/g.png',
locale: 'auto',
token: function(token) {
//Add campaign info
token['campaign_id'] = campaignId;
token['amount'] = window.amountToGive;
postStripeData(token);
}
});
// Close Checkout on page navigation
$(window).on('popstate', function() {
stripeHandler.close();
});
});
function postStripeData(token) {
showLoadingModal();
$.ajax({
method: 'POST',
url: postStripeDataUrl,
data: token
})
.always(function(data_jqXHR, textStatus, jqXHR_errorThrown) {
if (textStatus.indexOf('error') == -1) {
//POST'ed ok
console.log(data_jqXHR);
window.location.href = data_jqXHR;
} else {
alert('Error while posting!');
}
});
}
我正在使用https://checkout.stripe.com/checkout.js
我已经尝试过通过Chrome开发者工具对此进行调试,您可以在其中看到Android日志,并且没有出现任何错误。经过一段时间的调试,似乎缺少了一个
e.preventDefault()代码>在单击功能中:
$('a.payamount').click(function(e) {
e.preventDefault();
//... rest of code
哪款手机浏览器?香草安卓4.3上的Chrome浏览器在Firefox上可用吗?歌剧?海豚?股票浏览器?除了Chrome;)之外,没有其他浏览器。我将下载Firefox并试一试。如果这样做,您将知道问题是否特定于chrome。@TiberiuC。这个解决方案有什么危险吗?或者这是FUD?在我分享的文章中有很好的描述。。。如果它是一个FUD或不是,这是由你来决定