モバイルデバイスのストライプ支払いポップアップ

Question

私のウェブサイトでStripeの支払いを使用しています。

プロセス

してからのポップアップを表示（支払いが発生する前に実行する必要があり、いくつかのDBトランザクションを実行するサーバ側のi'amで）Ajaxリクエストを送信checkout button i'amをクリックアヤックスの成功。クロムや他のデスクトップブラウザでも動作します。

ただし、mobile browsersで動作しません（ポップアップブロックの問題が発生します）。

は、私は私は私がサーバーからの応答を取得するまで待つ必要があり、このStripe doc

にしかし、私の場合のようアヤックス成功に待たずにクリックするだけ後のポップアップを開くことによって、この問題を解決することができます知っている

これを修正するにはどうすればよいですか、または私のケースを処理できるものがありますか？ありがとう。

Answer 1

通常、これはクリックハンドラで直接Stripe Checkoutを開いていないために発生します。顧客がコールバックではなくページの要素をクリックすると、handler.open()に電話する必要があります。これは、ユーザーが明示的にポップアップを要求したことをブラウザに示します。そうしないと、モバイルデバイスや一部のバージョンのInternet Explorerがポップアップをブロックし、ユーザーがチェックアウトできなくなります。