ruby-on-rails - 如何挂载单个卡片元素 stripe.js？

Question

我正在尝试安装单个卡片元素以获得所需的设计，但是当我安装多个元素时，只安装了最后一个元素。

我的程序如下：

var stripe = Stripe(STRIPE_PUBLISHABLE_KEY);
var elements = stripe.elements();

var cardNumber = elements.create('cardNumber');
var cardExpiry = elements.create('cardExpiry');
var cardCvc = elements.create('cardCvc');

// Add an instance of the card Element into the `card-element` <div>
cardNumber.mount('#card-element');
cardExpiry.mount('#card-element');
cardCvc.mount('#card-element');

Answer 1

你需要为每个元素使用不同的容器，否则当你挂载它时它会覆盖前一个。

在您的情况下，您需要 3 个容器（例如 #card-number-element、#card-expiry-element 和 #card-cvc-element），然后将最后 3 行更改为此，例如：

cardNumber.mount('#card-number-element');
cardExpiry.mount('#card-expiry-element');
cardCvc.mount('#card-cvc-element');