Paypal 智能按钮并排集成答案

【问题标题】：Paypal smart button integration side by sidePaypal 智能按钮并排集成
【发布时间】：2020-12-03 19:51:23
【问题描述】：

我在使用这个 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)？

【问题讨论】：

标签： javascript html button paypal payment

【解决方案1】：

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

【讨论】：

所以没有办法在同一页面上拥有多个 paypal 智能按钮？如果我在 Paypal 上创建新的 REST API，我会得到不同的脚本，因为它是不同的 ID？我说的对吗？
加载 SDK 一次，现在按钮正在呈现。谢谢你