我在一页上有 2 个 Mailchimp 表单，用于不同的列表。Mailchimp javascript 仅适用于其中之一。有没有办法解决这个问题？

Question

这是表格的放置方式：

<div class="container">
<div class="row ">
    <div class="col-lg">
        <div id="mc_embed_signup">
        <form>
        </form>
        </div>
        <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    </div>

    <div class="col-lg">
        <div id="mc_embed_signup">
        <form>
        </form>
        </div>
        <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
    </div>
</div>

javascript 应该阻止另一个 mailchimp 页面打开，而是在嵌入表单的页面上进行注册。它仅适用于第一种形式，但不适用于第二种形式。

我假设这是因为两个表单具有相同的 ID，但我不知道是否可以更改 ID。链接的 javascript 根本没有格式化，我无法阅读。

我尝试将第二个表单放入 iframe 中，效果很好，但格式很糟糕。即使我删除了边框和滚动条，表单的大小也是错误的，不适合页面设计。

有没有办法优雅地解决这个问题？