一个嵌入式代码/脚本的多个按钮答案

【问题标题】：Multiple buttons to one embedded code / script一个嵌入式代码/脚本的多个按钮
【发布时间】：2017-01-04 16:49:20
【问题描述】：

我在登录页面上使用来自 Formlets 的嵌入式脚本。

它基本上是一个触发带有“电子邮件地址”表单的弹出窗口的按钮。 Formlets 脚本/代码插入到我的 html 代码中：

<section class="description">
    <script type="text/javascript" src="http://www.formlets.com/public/assets/scripts/built/delivery/vendor/iframeResizer.min.js"></script>
    <a class="button signup" target="_blank" onclick="FormletOpen(&#39;5793b578a9b445952b29bf5a&#39;);" id="5793b578a9b445952b29bf5a" href="http://www.formlets.com/forms/5793b578a9b445952b29bf5a?iframe=true" title="Sign Up for early access">SIGN UP</a>
    <script type="text/javascript" src="http://www.formlets.com/public/assets/scripts/built/delivery/modal.js"></script>
    <script type="text/javascript">Formlet("5793b578a9b445952b29bf5a")</script>
</section>

我想要的是多个<a class="button signup"...>，它们会触发相同的操作：启动相同的模式。我知道由于“id”重复，多次复制和粘贴该代码将无法正常工作，那么我该如何实现呢？

【问题讨论】：

你不能使用注册类作为函数的触发器吗？因此，当按下带有注册的按钮时，您的功能将启动。
这是我的猜测，但我不知道如何创建该函数
使用触发函数的相同onclick属性，不要在重复按钮上渲染id。另一种方法是让重复项触发点击“主”按钮。

标签： javascript html css scripting embedding

【解决方案1】：

我接受了 Yezzz 的建议，这就是解决方案，我隐藏了按钮，并添加了这些 div：

div class=" button signup" onClick="document.getElementById('5793b578a9b445952b29bf5a').click();" title="Sign Up for early access">SIGN ME UP</div>

【讨论】：