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

时间:2016-08-28 15:42:05

标签: javascript html css scripting embedding

我在着陆页上使用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'重复而无法正常工作,那么我怎样才能实现呢?

1 个答案:

答案 0 :(得分:0)

我接受了Yezzz的建议并且这是解决方案,我隐藏了按钮,并添加了这些div:

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