Paypal. bootstrap 5 手風琴中的按鈕

Question

我有一些物品的手風琴。 現在我想在每個手風琴項目中顯示一個 paypal 支付按鈕。 我正在使用 paypal JS SDK。因此它僅適用於第一個打開的手風琴項目。 那里顯示了 paypal 按鈕，我可以點擊它，paypal 模式正在打開以登錄和支付。

我創建了一個文件，其中添加了“paypal-button-container”，並包含一個 PHP 文件和 paypal JS 腳本：

<?php                                            
include_once ('method/paypal_accordion.php');
?>
<div id="paypal-button-container"></div>
                                        

在包含的文件“method/paypal_accordion.php”中，我有帶有付款變量的 paypal 腳本：

<script>
    // Loop over each funding source/payment method
    var FUNDING_SOURCES = [
        paypal.FUNDING.PAYPAL
    ];

    FUNDING_SOURCES.forEach(function(fundingSource) {
        // Initialize the buttons
        var button = paypal.Buttons({
            fundingSource: fundingSource,
            createOrder: function (data, actions) {
                return actions.order.create({
                    application_context: {
                        brand_name: 'my-page.com',
                        locale: 'en_gb',
                        shipping_preference: 'SET_PROVIDED_ADDRESS',
                    },
                    intent: 'CAPTURE',
                    payer: {
                        email_address: '<?php echo $email; ?>',
                    ...
                     onApprove: function (data, actions) {
                     return actions.order.capture().then(function (orderData) {
                     ...
                      });
            },

paypal 按鈕如何顯示在每個打開的手風琴項目上？ 目前我只看到 paypal div，但沒有按鈕：

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

我應該重新加載 DOM 還是手風琴中有一個事件可以做到這一點？ 或者我應該使用帶有表單的按鈕還是一些 AJAX？

Answer 1

• 您要呈現 PayPal 按鈕的每個 div 必須具有唯一的id

• 每次調用paypal.Buttons({...})並調用 .render .render('#some-id-goes-here')時，要呈現的選擇器應該是這些 ID 之一。