個別のカード要素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');