onSubmit函数用于一页上的多种类型

时间:2018-11-13 13:52:31

标签: reactjs typeform

我在网页上嵌入了2种格式。 当我从onSubmit函数提交第一个type时,即使我提交了第一个typeform,第二个typeform的onSubmit函数也会被自动调用。

<div id="my-embedded-typeform1" style="width: 100%; height: 300px;"></div>
<div id="my-embedded-typeform2" style="width: 100%; height: 300px;"></div>

<script src="https://embed.typeform.com/embed.js" type="text/javascript"</script>
 window.addEventListener("DOMContentLoaded", function() {
      var el = document.getElementById("my-embedded-typeform1");
      var el2 = document.getElementById("my-embedded-typeform2");
      window.typeformEmbed.makeWidget(el1, "https://admin.typeform.com/to/cVa5IG", {
        hideFooter: true,
        onSubmit: () => { alert('Typeform 1 submitted') }
      });
window.typeformEmbed.makeWidget(el2, "https://admin.typeform.com/to/cVa5IG", {
        hideFooter: true,
        onSubmit: () => { alert('Typeform 2 submitted') }
      });
    });

0 个答案:

没有答案