在动态加载的视图中,paypalobjects检出按钮不可见

时间:2018-11-26 06:43:46

标签: javascript razor paypal

如果我在主页上放置以下代码,则它可以正常工作并显示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>

0 个答案:

没有答案