如果我在主页上放置以下代码,则它可以正常工作并显示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?
主页上有一个按钮。我使用以下代码在该按钮单击上动态加载子DIV:
<script>
$(document).ready(function () {
$('#btnPaypal').click(function () {
$.ajax({ url: "@Url.Action("PaypalContent", "NewPaymentMethod")" }).done(function (data) {
$("#divPaypal").show();
$("#divPaypalContent").html(data);
});
})
});
</script>
data
包含我在问题开始时分享的内部DIV html和按钮脚本。
更新: 没有控制台错误,并且最终页面源仅显示空容器DIV,如下所示:
<div class="rel">
</div>