Question

我正试图通过jquery附加带有卡片按钮的Stripe pay。我正在附加它，因为我希望一旦用户满足某个要求就显示它，并且因为价格是可变的。

到目前为止我有这个代码

var script=document.createElement('script');
                            script.src="https://checkout.stripe.com/checkout.js";
                            script.class="stripe-button";
                            $(script).prop({"data-key" : "pk_test_gJIeYpuvZc56uI22j5yr7h3s", "data-amount" : '"' + amount_paid + '"', "data-name" : "website.com", "data-description" : '"' + purch_item + ' ($'+ final_value +')"', "data-image" : "image.png"});
$('.payment_stripe_span').append('<form action="make_payment.php" method="POST">' + script + '</form>');

但是，这会打印[object HTMLScriptElement]。

如何显示按钮？

Answer 1

您正在将对象用作字符串。这是你的解决方案。

这是修改后的代码。我使用了javascript的setAttribute方法。

var script=document.createElement('script');
var amount_paid = 10;
var purch_item = 'Test';
var final_value = 15;

script.src="https://checkout.stripe.com/checkout.js";

script.setAttribute("class", "stripe-button");
script.setAttribute("data-key", "pk_test_gJIeYpuvZc56uI22j5yr7h3s");
script.setAttribute("data-amount", amount_paid);
script.setAttribute("data-name", "website.com");
script.setAttribute("data-description", '"' + purch_item + ' ($'+ final_value +')"');
script.setAttribute("data-image", "image.png");

$('.payment_stripe_span').append('<form action="make_payment.php" method="POST" id="my_frm">Form ( Inspect here to check if the DOM is added or not? )</form>');

$(script).appendTo("#my_frm");

链接到jsfiddle http://jsfiddle.net/kzfkuv3m/3/

Jquery追加Stripe付费按钮返回[object HTMLScriptElement]

1 个答案: