javascript - 一页上有多个 Braintree "Hosted Fields"表单

Question

在我的应用程序中，我有多种表单(在我的例子中是 2)。我需要在每个表单中使用 Braintree 托管字段。我的所有字段都有像 [data-braintree-card-number] 这样的选择器。由于我在此表单中使用部分，因此它们对于托管字段具有相同的选择器。我尝试使用像 #form_id [data-braintree-card-number] 这样的选择器，但它不是有效的 css 选择器。在 Braintree v2 版本中，表单有 id 选项，不确定是否能解决我的问题。页面上的一个表单一切正常。

如何在一页上使用 Braintree 托管字段设置多个表单？提前致谢!

Answer 1

_{全面披露:我在 Braintree 工作。如果您还有任何疑问，请随时联系support .}

可以在同一页面上以多种形式使用 Braintree 的 javascript SDK，但需要一些设置工作。

Braintree 不支持同时使用 braintree 对象的多个不同实例。换句话说，在页面上使用多个并发的 Braintree 实例可能会导致不可预测的行为。要在同一页面上使用带有多个表单的 Braintree，您应该使用 teardown javascript SDK 中的功能，可从页面中删除现有的 Braintree 对象。一旦之前的集成消失，您就可以再次初始化 Braintree，不会出现问题。

Braintree SDK 一次只能看到一个表单，因此您需要一种方法来选择用什么表单来实例化它。如果您的客户想要支付的表单发生变化，您必须拆除之前的 Braintree 初始化并使用新表单重新初始化。通过初始化和拆除每个表单的 braintree 集成，您可以在同一页面上将 Braintree 与多个表单一起使用。