Question

我正在使用PayPal，我需要在我的表格中呈现多个paypal快速结账按钮。

我遵循了我在link

中找到的解决方案

这就是我的所作所为。

  document.querySelectorAll('.btn-paypal').forEach(function(){
    var dis = $(this);
    var amount = dis.data('amount');

    paypal.Button.render({

        env: 'sandbox', 

        style: {
            label: 'checkout',
            size:  'medium',    // small | medium | large | responsive
            shape: 'rect',     // pill | rect
            color: 'gold'      // gold | blue | silver | black
        },

        client: {
            sandbox:    'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-w6Q9rX2BdH1',
            production: '<insert production client id>'
        },

        payment: function(data, actions) {
            return actions.payment.create({
                 payment: {
                    transactions: [
                        {
                            amount: { total: amount, currency: 'JPY' }
                        }
                    ]
                }
            });
        },

        commit: true,

        onAuthorize: function(data, actions) {
            return actions.payment.get().then(function(paymentDetails) {
                console.log(paymentDetails)
                swal({ 
                    title: "Confirm Payment!",
                    text: "Confirm the amount of ¥"+paymentDetails.transactions[0].amount.total,
                    type: "info",
                    confirmButtonClass: "btn btn-danger",
                    confirmButtonText: "Yes! Continue Payment",
                    showCancelButton: true,
                    cancelButtonText: "No! Cancel Transaction"
                  },
                  function(){
                    $('.ajax-loading').show();
                   return actions.payment.execute().then(function(){
                    alert('Payment Success');
                   })
                });
            });
        },
        onError: function(err) {
            $('.ajax-loading').hide();
            swal('Ooops!','Paypal failed to load. Please click the paypal button again!','error');
            console.log(err);
        }
    }, dis);
})

当我尝试运行此代码时，表中没有显示任何按钮，控制台中出现错误，Uncaught Error: Document is ready and element [object Object] does not exist

我的错误是什么？请帮忙。

谢谢！

Answer 1

我有一个Paypal按钮，但有同样的错误。 HTML示例说明了

<div id="paypal-button"></div>

Braintree manual

，而脚本位于单独的文件中。似乎在加载脚本时还没有呈现div元素。

我只是在div元素中移动脚本，现在按钮出现了。确保在此之前脚本不会加载到其他位置。

Paypal API Express结帐错误：文档已准备就绪，元素[对象对象]不存在

1 个答案: