更改PayPal付款按钮

时间:2018-05-16 20:27:46

标签: jquery html5

默认情况下我在paypal按钮上遇到一个小问题我试图隐藏它以显示我自己的按钮:/

这是我的代码.js

$(document).ready(function(){
$.getScript("https://www.paypalobjects.com/api/checkout.js", function(){

    paypal.Button.render({
        env: 'sandbox', // Or 'sandbox',

        commit: true, // Show a 'Pay Now' button

        style: {
        color: 'gold',
        size: 'small'
        },

        payment: function(data, actions) {
        var create_payment  = 'config/app/API/paypal/payment.php';
        return paypal.request.post(create_payment).then(function(data) {
            return data.id;
        });
    },

        onAuthorize: function(data, actions) {
        var execute_payment = 'config/app/API/paypal/pay.php';
        return paypal.request.post(execute_payment, {
            paymentID: data.paymentID,
            payerID:   data.payerID
        }).then(function(data) {

    //
            });

        });
        },

        onCancel: function(data, actions) {
        /* 
        * Buyer cancelled the payment 
        */
        },

        onError: function(err) {

        alert('error', err);

        console.log(err);

        }
    }, '#btn-checkout');
});

});

<div class="btn-paypal" id='btn-checkout'>Payer avec paypal</div>

问题是我总是有一个黄色的贝宝按钮出现在我的按钮底部我无法进入面具。

1 个答案:

答案 0 :(得分:0)

我的意思是:

&#13;
&#13;
$(document).ready(()=>{
  $(".newbutton").click(()=>{
    $(".paypalbutton").trigger("click")
  })

  $(".paypalbutton").click(()=>{
    alert("Example function that this was executed while pressing the other button")
  })
})
&#13;
.paypalbutton{
display:none;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="paypalbutton" href="#whatever">Pay</a>

<a class="newbutton" href="javascript:void(0)">Pay</a>
&#13;
&#13;
&#13;

这样做是使用假按钮执行另一个按钮。

如果您了解并且是否有效,请告诉我!