贝宝智能按钮并排集成

如何解决贝宝智能按钮并排集成

我在使用此Paypal智能按钮时遇到麻烦。甚至看起来像我想像的一样简单:)无法正常工作。

我有三个项目，分别在不同的div中并排，并且想在每个项目下添加paypal智能按钮，但价格不同。

当我首先将此贝宝代码放在下面时，它的工作就像一种魅力。

<div id="paypal-button-container"></div>
<!-- <script src="https://www.paypal.com/sdk/js?client-id=sb&currency=EUR" data-sdk-integration-source="button-factory"></script> -->
<script src="https://www.paypal.com/sdk/js?client-id=ARcbGj17hMo1yw4nEMDB5E-Y7W00gbie9F_zb0m--XCOjKWo4jIddFV9N5UzbluK-if61HLUVs0rQ7zC&currency=EUR" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'pill',color: 'gold',layout: 'vertical',label: 'pay',},createOrder: function(data,actions) {
          return actions.order.create({
              purchase_units: [{
                  amount: {
                      value: '13.88'
                  }
              }]
          });
      },onApprove: function(data,actions) {
          return actions.order.capture().then(function(details) {
              alert('Transaction completed by ' + details.payer.name.given_name + '!');
              window.open('www.google.ba');
          });
      }
  }).render('#paypal-button-container');
</script>

但是当我把钱值更改为相同的代码时，它只显示第二个，而当我将第三项放在下面时，它仅显示第二个。

我尝试渲染。（'＃custompaypalbutton'）-更改按钮div的显示类别，但未进行任何更改。

我想念什么吗？

对于每个会生成新ID的按钮，我是否都需要不同的Paypal应用（REST Api）？

解决方法

1. <script src="https://www.paypal.com/sdk/js...每页只能加载一次
2. 每个按钮应.render('...')到其自己的容器元素