Если я размещу следующий код на главной странице, он работает нормально и отображает кнопку оплаты Paypal, которая также работает нормально.
<div class="rel">
<script src="https://www.paypalobjects.com/api/button.js?"
data-merchant="braintree"
data-id="paypal-button"
data-button="checkout"
data-color="gold"
data-size="medium"
data-shape="pill"
data-button_type="button"
data-button_disabled="false">
</script>
</div>
Проблемы возникают, когда я обновляю div по нажатию кнопки изагружает тег SCRIPT динамически.Кнопка PayPal Checkout не появляется тогда.Есть ли способ заставить эту кнопку работать без перехода на последний официальный API Paypal Checkout?
На главной странице есть кнопка.Я динамически загружаю дочерний DIV при нажатии этой кнопки, используя следующий код:
<script>
$(document).ready(function () {
$('#btnPaypal').click(function () {
$.ajax({ url: "@Url.Action("PaypalContent", "NewPaymentMethod")" }).done(function (data) {
$("#divPaypal").show();
$("#divPaypalContent").html(data);
});
})
});
</script>
И data
содержит внутренний HTML-код DIV и скрипт кнопки, которыми я поделился в начале вопроса.
ОБНОВЛЕНИЕ: Нет ошибок консоли, и на конечном источнике страницы отображается только пустой контейнер DIV, как показано ниже:
<div class="rel">
</div>