결제위젯
결제위젯을 태그에 조건에 따라 안나타나게 하고자 하는데 나타나야되는 경우인데 안나타나네요
<div th:if="${cartItem[0].member.billProcessday == 0 or (cartItem[0].member.billProcessday != 0 and cartItem[0].isAdditionalCharge)}">
<!-- 결제위젯, 이용약관 영역 -->
<div id="payment-method"></div>
<div id="agreement"></div>
<!-- 토스 결제하기 버튼 -->
<button id="payment-button" class="btn btn-info">토스 결제하기</button>
<input type="hidden" id="tossClientKey" th:value="${tossClientKey}" >
<input type="hidden" id="tossCustomerKey" th:value="${loginmember.uuid}" >
</div>
<!-- 일반 결제 버튼: 위 조건을 만족하지 않는 경우 -->
<div th:unless="${cartItem[0].member.billProcessday == 0 or (cartItem[0].member.billProcessday != 0 and cartItem[0].isAdditionalCharge)}">
<!-- 일반 결제 버튼 -->
<button id="normal-payment-button" class="btn btn-primary">일반 결제</button>
</div>
지금 화면에는 토스결제하기 버튼만 보여요 결재방식이나 계약은 안나타나구요 왜 그런걸까요???
6 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
브라우저의 콘솔에 에러 메시지가 있는지 확인 부탁드립니다.
스크립트는 맨 위에 적어놨어요 헤더부분에요 <script src="https://js.tosspayments.com/v1/payment-widget"></script>
자바스크립트에서 적어놧는데 왜 안되는지 모르겠어요
예
자바스크립트에서 다른 무슨 문제가 있나봐요.. 그거 호출하기 전에 다른 메소드를 많이 선언해놨거든요
콘솔에 에러 나요 ^^; 지금 그거 보고 있는데 죽을거같아요
TT
혹시 html에서 div 밑에 또 div 안에 payment-method적어놔서 그런가요??
맨 위에 있어야 되나요? body의 바로 루트에요? 다른 div 밑에 div에 선언하면 안되는가요?
거기는 paymentWidget.renderPaymentMethods(
"#payment-method", 이부분인데요?
저기는 손댄적이 없어요 첨에 넣구나서요
음... 동적으로 html을 하니까 자바스크립트에서 기존에 보였을때 변수에 담고 하는것들을 조건문으로 해서 보이는 경우에만 처리해야겠네요
var logisticKind = document.querySelector('input[name="delivery_kind"]:checked').value; 부분이 동적으로 가려졌거든요.. 배송형태도 가려버렸거든요
그래서 에러 난거같아요.
감사합니다.
콘트롤+유가 도음이 됬어요
👍
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.