Mega-Menu 和 MailChimp 表单之间的 Jquery 冲突

Posted

技术标签:

【中文标题】Mega-Menu 和 MailChimp 表单之间的 Jquery 冲突【英文标题】:Jquery Conflict between Mega-Menu and MailChimp form 【发布时间】:2020-09-30 22:22:38 【问题描述】:

这是一个难题。我需要在一个页面上使用两个元素,但不能很好地相互配合:一个大型菜单(主站点导航所需)和一个简单的 mailchimp 注册表单(在页脚中) )。

在此页面上查看它们:

https://cms.ucd.ie/geary2020/research/

问题是 mailchimp 表单(在页脚中)不会接受提交,除非删除以下行:

<script>var plugin_path = '/t4cms/';</script>

然而,超级菜单需要此代码,因此我必须将其保留在那里。

如果我删除上述行 - 那么 mailchimp 表单将接受提交,但超级菜单已被取消!

我已尝试重新排序 .js 文件的顺序 - 但没有奏效。

另外,我已经下载并在本地存储了 mailchimp js 文件:mc-validate-geary.js - 所以我可以直接在这个文件中进行任何建议的编辑。我怀疑可以通过编辑这个文件找到解决方案。

非常感谢任何建议!

【问题讨论】:

我完全被这个小错误所困扰。如果有人有任何想法,那就太好了! 【参考方案1】:

感谢您的回复。事实证明,在其他地方还有另一个对 mailchimp js 的引用导致了冲突。通过控制台分析错误,我能够找到它。经常检查控制台!

【讨论】:

以上是关于Mega-Menu 和 MailChimp 表单之间的 Jquery 冲突的主要内容,如果未能解决你的问题,请参考以下文章

如何为同一个 MailChimp 列表设置不同的注册表单?

Mailchimp 嵌入表单导致我自己的 CSS 和 JS 文件出现 404 错误

使用 Vue.js 和 Axios 向 Mailchimp 提交表单会导致 CORS 错误

React 中的自定义 mailchimp 注册表单

使用 Django 和 Mailchimp 的电子邮件订阅表单在部署后不起作用 (DigitalOcean)

Mailchimp 表单未提交