时间戳

首页 > 解决方案 > 如何在单个页面上出现两个条纹元素

javascript - 如何在单个页面上出现两个条纹元素

问题描述

我想在同一个 html 上使用两种付款方式（stripe.js）。if 只能指定一个，所以会出现第一个调用的支付表单，而另一个不会出现。

有什么方法可以实现吗？

条纹元素将安装到第一个元素。

<script src="https://js.stripe.com/v3/"></script>

// first one -> appeared
<div id="card-number-element"></div>


// another one -> not appeared
<div id="card-number-element"></div>

<script>
var cardNumberElement = elements.create("cardNumber");
if (document.getElementById("card-number-element")) {
  cardNumberElement.mount("#card-number-element");
}
</script>

标签： javascripthtmlstripe-payments

解决方案

条纹元素无法做到这一点。如果您尝试在同一页面上创建两个相同类型的元素（如card元素），您将收到此错误：

Can only create one Element of type card

您将需要使用单个卡片元素、使用单独的页面、使用<iframe>元素或类似的东西作为解决方法。

推荐阅读