개별 카드 요소 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 용기 (예 : # 카드 번호 요소, # 카드 - 만기 요소와 # 카드-CVC 요소) 다음 예를 들어이에 지난 3 개 라인을 변경해야 할 것 :

를

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