网页上仅显示 3 个 PayPal 智能按钮中的 1 个答案

【问题标题】：Only 1 out of 3 PayPal smart buttons showed on webpage网页上仅显示 3 个 PayPal 智能按钮中的 1 个
【发布时间】：2020-09-26 20:46:38
【问题描述】：

我尝试在网页上放置 3 个不同的 PayPal 智能按钮，但只有一个呈现（如图所示）。我尝试更改 div id（如您在代码中所见），但问题仍然存在。如您所见，每个按钮都应该在一个 td 标记中，但页面上只显示一个。这是所有 3 个按钮的代码。

 <td><div id="paypal-button-container"></div>
<script src="https://www.paypal.com/sdk/js?client-id=AW70d1H_PLPMaT_7BK_kSGImw6w9DHpP2qHE3i6htPNCCOS9_dhVG52H3ITkdTWppulwYVC1NrMjgBaz&currency=USD" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'pill',
          color: 'blue',
          layout: 'vertical',
          label: 'paypal',

      },
      createOrder: function(data, actions) {
          return actions.order.create({
              purchase_units: [{
                  amount: {
                      value: '3.60'
                  }
              }],application_context: {
        shipping_preference: 'NO_SHIPPING'
      }
          });
      },
      onApprove: function(data, actions) {
          return actions.order.capture().then(function(details) {
              location.href = 'PayPal/premium_1.php';
          });
      }
  }).render('#paypal-button-container');
</script>
</td>

     <td><div id="paypal-button-container2"></div>
    <script src="https://www.paypal.com/sdk/js?client-id=AW70d1H_PLPMaT_7BK_kSGImw6w9DHpP2qHE3i6htPNCCOS9_dhVG52H3ITkdTWppulwYVC1NrMjgBaz&currency=USD" data-sdk-integration-source="button-factory"></script>
    <script>
      paypal.Buttons({
          style: {
              shape: 'pill',
              color: 'blue',
              layout: 'vertical',
              label: 'paypal',

          },
          createOrder: function(data, actions) {
              return actions.order.create({
                  purchase_units: [{
                      amount: {
                          value: '15.12'
                      }
                  }],application_context: {
            shipping_preference: 'NO_SHIPPING'
          }
              });
          },
          onApprove: function(data, actions) {
              return actions.order.capture().then(function(details) {
                  location.href = 'PayPal/premium_6.php';
              });
          }
      }).render('#paypal-button-container2');
    </script>
    </td>
     <td><div id="paypal-button-container3"></div>
    <script src="https://www.paypal.com/sdk/js?client-id=AW70d1H_PLPMaT_7BK_kSGImw6w9DHpP2qHE3i6htPNCCOS9_dhVG52H3ITkdTWppulwYVC1NrMjgBaz&currency=USD" data-sdk-integration-source="button-factory"></script>
    <script>
      paypal.Buttons({
          style: {
              shape: 'pill',
              color: 'blue',
              layout: 'vertical',
              label: 'paypal',

          },
          createOrder: function(data, actions) {
              return actions.order.create({
                  purchase_units: [{
                      amount: {
                          value: '22.92'
                      }
                  }],application_context: {
            shipping_preference: 'NO_SHIPPING'
          }
              });
          },
          onApprove: function(data, actions) {
              return actions.order.capture().then(function(details) {
                  location.href = 'PayPal/premium_12.php';
              });
          }
      }).render('#paypal-button-container3');
    </script>
    </td>

问候

【问题讨论】：

标签： javascript html paypal

【解决方案1】：

每页只加载一次 SDK 脚本。

【讨论】：