1

送信ボタンをクリックすると、通常の送信ボタンが非表示になり、Stripe モーダル ボタンが表示されます。このストライプ モーダル ボタンを押すと、ストライプ支払いウィンドウが開き、ユーザーは支払い情報を入力できるようになります。奇妙な理由で、ストライプ モーダル ウィンドウが複数回開きます。この問題は Chrome で正常に動作するため、Microsoft Edge にのみ存在するようです。

 <div class="col-md-10" style="margin-top:12px;">
            <div class="col-md-5" style="margin-left:40%;">
                <input type="hidden" name="finddriver" value="1"  />
                <input type="submit" value="<?php _e
('Submit Job'); ?>" class="normalsubmit" />
                <div class="loader"
 style="display:none;"><p>Please wait payment button is loading...</div>
                <div class="paymentbtn">

                </div>
            </div>
        </div>

    </div>

</form>

    $(".form-control").on("change", function(){
        var count=0;
        $(".form-control").each(function(){
            if($(this).val()){
                count = count+1;
            }
        });
        if(count >= 6){
            var pay = parseFloat($("#jobpay").val());
            payment = ("#jobpay")*100;
            $(".normalsubmit").hide();              $(".loader").show();
            $(".paymentbtn").html('<script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-
key="testkey" data-image="http://icadeliveries.com/wp-
content/uploads/2016/01/Logo-final-1-e1453881025544.png" data-
name="www.icadeliveries.com" data-label="Submit Job" data-
description="Payment for this job ($'+pay+'.00)" data-amount=
("'+payment+'" />');                $(".loader").hide();
        }
            else{
            $(".normalsubmit").show();
            $(".paymentbtn").html("");              $(".loader").hide();
        }
    });

 });
</script>
4

0 に答える 0