我在一页上有两个Mailchimp表单，用于不同的列表。Mailchimp javascript只适用于其中一种。有办法补救吗？

以下是表格的放置方式：

<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>

（函数（$）{window.fnames=new Array（）；window.ftypes=new Array（）；fnames[0]='EMAIL'；ftypes[0]='EMAIL'；}（jQuery））；var$mcj=jQuery.noConflict（true）；
（函数（$）{window.fnames=new Array（）；window.ftypes=new Array（）；fnames[0]='EMAIL'；ftypes[0]='EMAIL'；}（jQuery））；var$mcj=jQuery.noConflict（true）；

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

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

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

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