我正在尝试安装单个卡片元素以获得所需的设计,但是当我安装多个元素时,仅安装了最后一个。
我的程序如下:
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');
最佳答案
每个元素需要使用不同的容器,否则挂载时会覆盖之前的容器。
在您的情况下,您需要 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');
关于ruby-on-rails - 如何挂载单独的卡片元素 stripe.js?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42920245/